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
setoption

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。