首页 > 其他 > 详细

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

时间:2018-01-09 17:51:43      阅读:927      评论:0      收藏:0      [点我收藏+]

 

代码如下:

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

 

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

原文:https://www.cnblogs.com/Mrrabbit/p/8252660.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!