前言
用于elementui Select选择器获取label值
博主这里提供两种方法
<el-select
v-model="item.mealType"
@change="mealChange(item.mealType, index)"
placeholder="请选择"
>
<el-option
v-for="item in meallist"
:key="item.mealId"
:label="item.mealLable"
:value="item.mealLable"
>
</el-option>
</el-select>
第一种方法
代码如下(示例):
//选项改变事件
mealChange(val, index) {
let resultArr = this.meallist.find((item) => {
return item.mealLable == val;
});
this.mealNumber = resultArr.mealNumber;
},
第二种方法
直接把当项值给value,选中后再取item下的id即可。
<el-select
v-model="item.mealType"
@change="mealChange(item.mealType, index)"
placeholder="请选择"
>
<el-option
v-for="item in meallist"
:key="item.mealId"
:label="item.mealLable"
:value="item"
>
</el-option>
</el-select>