vue element 地址联动的使用

Posted 追风少年

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue element 地址联动的使用相关的知识,希望对你有一定的参考价值。

data() {
return {
options2: [{
label: ‘江苏‘,
cities: [{label:‘南京‘},{label:‘a‘},{label:‘b‘}]
}, {
label: ‘浙江‘,
cities: [{label:‘杭州‘}]
}],
props: {
value: ‘label‘,
children: ‘cities‘
}
};
},

methods: {
handleItemChange(val) {
/* console.log(‘active item:‘, val);
console.log(val[0]) */
setTimeout(_ => {
this.options2.map((item,index)=>{
if(item.label==val[0]){
/* console.log(item.cities) */
this.options2[index].cities=
item.cities
}
})
}, 300);
}
}

以上是关于vue element 地址联动的使用的主要内容,如果未能解决你的问题,请参考以下文章

vue 使用element 菜单与tab页联动

vue mintui 自定义多级联动

Vue如何使用vue-area-linkage实现地址三级联动效果

vue+element省市县的二级联动功能

vue中搭配element ui实现省市区三级联动

vue中搭配element ui实现省市区三级联动