vue element 地址联动的使用

本文介绍了一个使用Vue.js实现的下拉选择框组件示例,该组件支持多级联动选择,并通过具体代码展示了如何定义选项及处理选择变化的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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);
}
}

转载于:https://www.cnblogs.com/wszxx/p/8664217.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值