Vue之 el-select下拉框多选的使用
效果如下:
name | select input 的 name 属性 | |
value / v-model | 绑定值 | boolean / string / number |
value-key | 作为 value 唯一标识的键名,绑定值为对象类型时必填 | string |
<el-form-item label="跟进销售" prop="saleId">
<el-select style="width: 100%;" filterable @change="changesaleId" v-model="agreeForm.saleId" placeholder="请选择销售">
<el-option v-for="(item,index) in roleSaleList" :label="item.username" :key="index" :value="item.id" />
</el-select>
</el-form-item>
data:{
agreeForm: {
saleId: '',
designerId: ''
},
roleSaleList: [],
}
methods: {
changesaleId(val) {
console.log(this.agreeForm.saleId, 'saleId');
// if (val) {
// this.$set(this.agreeForm, this.agreeForm.saleId, this.username1);
// } else {
// this.$set(this.agreeForm, this.agreeForm.saleId, '');
// }
},
}
数据结构
关于默认选中对应的id赋值:
var id=1022
this.agreeForm.saleId = id;
JMpro: 解我忧愁
mmmmmmmmzw: 所以最优的解决办法还是使用vue3+elementPlus,少了很多幺蛾子
mmmmmmmmzw: 不知道为啥,在forEach循环里用set还是没用,force也没用 最后直接深拷贝 tableData = JSON.parse(JSON.stringfy(tableData)) 就能触发el-table更新了
小熊滴滴~: 您好 请问一下 我引入的这个案例的图片链接为何无法访问呢?
liu_Sirba: 给个文本呀 给个图咋复制呀