zl程序教程

您现在的位置是:首页 >  其它

当前栏目

el-select选择器获取label值

获取 SELECT 选择器 el Label
2023-09-11 14:20:01 时间

前言

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