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 文檔裏面也有提到，可是我這不生效，暫時還不知道什麼緣由，後續補上