zoukankan      html  css  js  c++  java
  • select 下拉获取数组里的任意值

    方法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 文档里面也有提到,但是我这不生效,暂时还不知道什么原因,后续补上
     
  • 相关阅读:
    linux每日命令(31):tar命令
    Django——model基础
    Django——模板层(template)(模板语法、自定义模板过滤器及标签、模板继承)
    Django
    linux每日命令(30):Linux 用户及用户组相关文件、命令详解
    linux每日命令(29):chown命令
    20170430深圳Meetup
    静态库嵌套引用问题
    JD-Store购物网站复盘——20170312
    20170305Meetup Git、heroku drop db
  • 原文地址:https://www.cnblogs.com/lidonglin/p/14346443.html
Copyright © 2011-2022 走看看