微信小程序之级联菜单挖坑

本文讲述了在微信小程序中实现无限级联菜单所遇到的挑战,包括无法动态新增子节点的问题。作者分析了多种可能的解决方案,如返回html、自定义模板、预设层级等,并提出了一个创新的替代方案——路径视图。通过路径记录和视图切换,成功实现了类似树形菜单的效果,满足了多层级数据展示的需求。

起因

最近项目(微信小程序项目)有一个需求,有一些多级结构的数据,需要一个树形的级联菜单来显示内容,类似如下:
树形菜单示例
然而,在实现的时候却意外的遇到了困难。。

实现树形级联菜单遇到的困难

其实应该说是实现无限层级树形级联菜单遇到的困难。
微信小程序无法动态新增子节点,然而我们的数据并不确定有多少层级(这里顺带一提,如果层级确定且级数不多的话,实现树形菜单还是比较容易的,可以使用多级嵌套wx:for来实现)。
在vue中可以通过组件递归实现树形菜单,然而小程序中无法实现组件的循环调用,瞬间悲催。
然而我研究了一下下,感觉还是可以抢救一下下。

实现无限树形级联菜单的方案分析

(除了第四个方案,其余方案均只是构想,并不确定是否可行)
1、 直接从后台返回写好的html文件,然后利用富文本的方式来进行渲染。
从后台返回返回html文件,感觉就很麻烦,当时我几乎是下意识就将这个想法给枪毙了。是的,我认为这个方法不可取,如果你很急,也许你可以跳过这方法了。
不过现在嘛我想试着从可行性上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值