java 多级级联菜单回显_Vant picker 多级联动操作

本文详细介绍了在 Vue 中使用 Vant 的 picker 组件实现多级联动菜单,并解决回显问题的过程。遇到的问题包括初始化值设置、联动更新、回显错误等,通过设置 key 属性和监听 change 事件来实现预期功能。
摘要由CSDN通过智能技术生成

官网地址:链接

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

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

搭配弹出层使用

0d8c573fcc99321d6558ca8fe896a0a0.png

59f10c5fe8e6d08673e57129b33773d4.png

49f8f0e2e2fa29a525e6db2225304fc7.png

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"

}

]

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值