Vue

elementUi-select下拉菜单同时取多个值

联系站长 作者:web知道,未知,网络大神 来源:未知 2018-10-19 22:39 我要评论

有时候,在使用select下拉菜单时,发现传一个值不能满足需求......

有时候,在使用select下拉菜单时,发现传一个值不能满足需求,那么就需要用到下面的方法去实现

一、在value里用数组或对象进行传参
<el-select v-model="city" placeholder="城市">
<el-option v-for="item in cityArr" :key="item.id" :label="item.cname" :value="[item.id,item.cname]"></el-option>
</el-select>

二、如果是使用数组,获取值就使用city[0]的方法(如果使用的是对象,那么就是city.属性名即可)




使用多个值时,select联动方法

// 银行所在地选中省份后请求市级数据
windows07BelongedProvinceChangeBank(val) {
console.log(val[0] - 0);
this.$prs
.post("/api/area/areaList", {
upid: val[0] - 0,
clevel: 2
})
.then(res => {
this.cityArr = res.data;
this.ruleForm07.BankCity = [res.data[0].id, res.data[0].cname]; //把数据传给要联动的对象
});
},

联动的select地参数使用如下去接收
<el-select v-model="ruleForm07.BankCity[1]" placeholder="城市">
     <el-option v-for="item in cityArr" :key="item.id" :label="item.cname" :value="[item.id,item.cname]"></el-option>
</el-select>

在请求时获取数据方法
bankAddressCity:this.ruleForm07.BankCity[1][1] == ""? "": this.ruleForm07.BankCity[1][1],
 




本文如有侵犯版权请联系站长删除。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评