起因
最近项目(微信小程序项目)有一个需求,有一些多级结构的数据,需要一个树形的级联菜单来显示内容,类似如下:
:
然而,在实现的时候却意外的遇到了困难。。
实现树形级联菜单遇到的困难
其实应该说是实现无限层级树形级联菜单遇到的困难。
微信小程序无法动态新增子节点,然而我们的数据并不确定有多少层级(这里顺带一提,如果层级确定且级数不多的话,实现树形菜单还是比较容易的,可以使用多级嵌套wx:for来实现)。
在vue中可以通过组件递归实现树形菜单,然而小程序中无法实现组件的循环调用,瞬间悲催。
然而我研究了一下下,感觉还是可以抢救一下下。
实现无限树形级联菜单的方案分析
(除了第四个方案,其余方案均只是构想,并不确定是否可行)
1、 直接从后台返回写好的html文件,然后利用富文本的方式来进行渲染。
从后台返回返回html文件,感觉就很麻烦,当时我几乎是下意识就将这个想法给枪毙了。是的,我认为这个方法不可取,如果你很急,也许你可以跳过这方法了。
不过现在嘛我想试着从可行性上