element+vue3根据单选选择框获取对应的下拉选项值

最新推荐文章于 2024-07-18 10:53:53 发布

小菜鸟码住

最新推荐文章于 2024-07-18 10:53:53 发布

阅读量701

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/hfyldx/article/details/132049902

版权

	<el-radio-group v-model="formInline.unitteamType" class="ml-4" @change="unitteamTypeChange">
			<el-radio label="U">单位</el-radio>
			<el-radio label="T">团队</el-radio>
	</el-radio-group>
	
		<el-select
									v-model="formInline.unitteamId"
									style="width: 100%"
									disabled
									placeholder="请选择"
								>
									<el-option
										v-for="item in unitTeamOptions"
										:key="item.unitteamId"
										:label="item.unitTeam"
										:value="item.unitteamId"
									/>
								</el-select>

//获取单位团队数据
const getUnitTeam = () => {
	getUnitTeamList().then(res => {
		unitTeamOptions.value = res.data;
		if (unitTeamOptions.value.length == 1) {
			formInline.value.unitteamId = unitTeamOptions.value[0].unitteamId;
		}
	});
};
const unitteamTypeChange = (val: any) => {
	let arr = unitTeamOptions.value.filter(item => item.unitteamType == val);
	if (arr.length > 0) {
		formInline.value.unitteamId = arr[0].unitteamId;
	} else {
		formInline.value.unitteamId = "";
	}
};
保存操作
save(){
if (unitTeamOptions.value.length > 0) {
				const { unitTeam, unitteamId, unitteamType } = unitTeamOptions.value.findLast(
					item => item.unitteamId == formInline.value.unitteamId
				) || {
					unitTeam: "",
					unitteamId: "",
					unitteamType: ""
				};
				formInline.value.unitTeam = unitTeam;
				formInline.value.unitteamId = unitteamId;
				formInline.value.unitteamType = unitteamType;
			}
}