iview的select 的on-change事件 返回label的方法

最近公司在用iviewUI組件庫, 文檔不太友好,  不能怪別人,只能說自己菜,  最近要完成一個驗證, 獲取其text值   判斷顯示不同東西.   話不多說  上代碼

這是我剛開始的寫法   但是只能獲取下標值   如果順序改變  判斷將毫無意義
<i-col span="8">
  <form-item label="規則因子">
    <i-select v-model="factor"  @on-change="RuleFactor">
      <i-option class="optionT" v-for="item in factorList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
    </i-select>
  </form-item>
</i-col>

官方文檔   也很模糊  反正我是沒找到

 后來研究了一下  請教了一下   覺得可以傳入帶參函數   獲取其參數   但是需要綁定   label-in-value   下面代碼高亮了

代碼如下

<i-col span="8">
  <form-item label="規則因子">
    <i-select v-model="factor"  :label-in-value="true"  @on-change="v=>{setOption(v,'type')}" class="AAAAAA">
      <i-option class="optionT" v-for="item in factorList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
    </i-select>
  </form-item>
</i-col>

其中  setOption   是事件名

 

打印后得到一個對象   其中有label  value   想拿到其中label怎么辦呢  打印時傳入的參數是value   說明value代表這個對象  拿到對象某一個屬性怎么辦   繼續看代碼

現在就可以拿到了,  拿走做你想做的吧

 

 

end