前台-选择框的处理

本文探讨了如何在前端开发中利用Vue.js的el-checkbox组件和el-check-tag进行选择框处理。通过v-model与数组label的绑定,实现多选功能,同时介绍了el-check-tag在动态显示和交互中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.使用el-checkbox,v-model的值为数组label

<el-descriptions-item label="工作年限" label-class-name="label">
						<el-checkbox-group
							v-model="workingSeniorityList"
							@change="
								(value: any) => {
									bindCheckBox(value, 'workingSeniority')
								}
							">
							<el-checkbox
								v-for="(item, index) in workingSeniorityParams"
								:key="item.label"
								:label="item.label"
								:disabled="index > 0 && workingSeniorityDisble" />
						</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值