picker多选 vant_Vant picker 多级联动操作

本文详细介绍了如何使用Vant UI库的Picker组件实现多级联动选择,包括设置初始值、监听变化及处理回显问题。在实际操作中,通过调整columns属性和监听change事件动态更新子级选项。遇到的问题如picker实例在popup中无法获取,通过添加key属性解决了这个问题。
摘要由CSDN通过智能技术生成

官网地址:链接

官网文档可能不是很完善,但仔细看文档,方法,类型其实都讲到的。

度娘也没有找到,花了大半天爬坑试错。

搭配弹出层使用

const citys = [ // 我们习惯的格式。 可以后台给你出,如果你打不过的话,你就。。。

{

text: "测试一", // 默认识别text标签

id: 1,

children: [

{

id: 11,

text: "测试1-1",

children: [

{

id: 111,

text: "测试1-1-1"

},

{

id: 112,

text: "测试1-1-2"

}

]

},

{

id: 12,

text: "测试1-2",

children: [

{

id: 122,

text: "测试1-2-1"

},

{

id: 122,

text: "测试1-2-2"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值