Element ui select同时获取value和label的值

Posted 2020-10-20 兔子先生

 

代码如下：

<el-form-item v-if="isMD" label="业务员名称">
              <el-select v-model="addBM.storeManagerName" @change="selectGet" filterable style="display:block;" placeholder="请选择门店业务员名称">
                <el-option
                  v-for="item in userList"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id">
                </el-option>
              </el-select>
          </el-form-item>

 

 

//下拉框选中事件
    selectGet(vId){//这个vId也就是value值
      console.log(ha);
      let obj = {};
      obj = this.userList.find((item)=>{//这里的userList就是上面遍历的数据源
          return item.id === vId;//筛选出匹配数据
      });
      console.log(obj.name);//我这边的name就是对应label的
    }