select下拉框获取选中项的所有数据

select下拉框获取选中项的所有数据

一、单选

<el-select v-model="formData.portFullName" @change="getFundInfo($event)">
	<el-option v-for="item in portFullNameOpt" :key="item.productId" :label="item.productName" :value="item.productName"></el-option>
</el-select>

function getFundInfo(data: any) {
	let chooseItem = state.portFullNameOpt.filter((item: any) => item.productName === data)[0];
	// chooseItem 是选中项的所有数据信息
	console.log(chooseItem);
	state.formData.productId = chooseItem.productId;
}

二、多选

<el-select filterable clearable v-model="portFullName" multiple @change="getApplyForCodeParaFun($event)">
	<el-option v-for="item in portFullNameOpt" :key="item.productId" :label="item.productName" :value="item.productName"></el-option>
</el-select>

for (let value of data) {
	let selectedOption = state.portFullNameOpt.find((item: any) => item.productName === value);
	console.log(selectedOption)
}