关于iview select 绑定两个值的方法

因为v-model 只能绑定一个值

所以我们可以有以下思路

 1.拼接value

:value="item.value+item.label"
// 或者  value.split('/')[0]取值
:value="item.value+'/'+item.label"

2.绑定索引

不绑定具体的值,而是去绑定索引值:value="index",在获取值的时候可以这样获取options[index].value.

3.绑定事件

 <Select v-model="project.id" filterable multiple label-in-value="true"
@on-change="onChangeConstruction" >
                <Option v-for="item in cityList" :value="item.id" :label="item.name" :key="item.id">{
   
   { item.label }}</Option>
</Select>


onChangeConstruction:function(obj){
if(obj.label)
{
this.project.construction=obj.label;
}}

猜你喜欢

转载自blog.csdn.net/weixin_43465508/article/details/132694181
今日推荐