有俩种方案:
1、可以通过对option里value 属性的赋值,得到想要的结果值(适用于多选和单选,多选则在 中添加multiple,可以参看element官网);
代码如下:
let selectionOption = [{
value: 1,
label: '中国'
},{
value: 2,
label: '美国'
},{
value: 3,
label: '英国'
},{
value: 4,
label: '澳大利亚'
}];
2、option里:value 没有赋值为对象时,(也就是这样赋值:value="item.value"而不是:value="item"时,不理解看上面注释),也可以在change方法中得到选中的对象;
1)多选情况:
handleChange(val) {
let resultArr= this.reasonTypes.filter((ele,index,arr)=>{
return val.some(item=>{return item===ele.value});
});
},
2)单选情况:
handleChange(val) {
let resultArr= this.reasonTypes.filter((ele,index,arr)=>{
return ele.value === val
});
//这个方法得到的是数组对象,例如:[{
value: 2,
label: '美国'
}]
},
handleChange(val) {
let resultArr = this.reasonTypes.find((item)=>{
return item.value === val;
});
//这个方法得到的是对象,例如:{
value: 2,
label: '美国'
}
},