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

时间:2018-01-09 18:38:56   收藏:0   阅读:5136

 

代码如下:

<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的
    }

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!