el-select选择器获取label值

前言

用于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>