首页 > 编程语言 > 详细

select 下拉获取数组里的任意值

时间:2021-01-29 23:22:40      阅读:45      评论:0      收藏:0      [点我收藏+]

方法1:

HTML:

   <el-form-item label="角色">
              <el-select
                clearable
                v-model="role"
                placeholder="请选择角色"
                @change="handeltest()"
              >
                <el-option
                  v-for="(item, index) in roleList"
                  :key="index"
                  :label="item.rolename"
                  :value="item" 这里就不要绑定 item,id什么的了,直接绑定item, 这样打印出来就是选中的整个对象
                ></el-option>
              </el-select>
            </el-form-item>
 
 data() {
    return {
  roleList:[],//数组
  role:‘’
   }
  }
 
js:
  
 handeltest(value){
      console.log(this.role)   // 需要哪个值就取哪个值,然后在data里面重新定义一个,赋值上去即可
    },
 
打印如图:
技术分享图片
 
方法2:  option里面绑定的时候直接取值  eg:  value="item.id"  ,  然后通过得到的值去和数组做对比(循环数组) 如下:
 
    handeltest(val){
      this.role = val
      var obj = ‘‘;
      obj = this.roleList.find(function(item) {  //循环数组
        if(item.id == val){   //如果里面的id 和我们取的id 相等  那么就返回这一个对象 
          return item.crmcustomercode;
        }
      });
      this.crmCustomerCode = obj.crmcustomercode //在对象里面需要哪个取哪个
    },
 
方法3: 为 select 添加 value-key 属性,elment 文档里面也有提到,但是我这不生效,暂时还不知道什么原因,后续补上
 

select 下拉获取数组里的任意值

原文:https://www.cnblogs.com/lidonglin/p/14346443.html

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