网上的教程代码非常乱且都有 BUG 存在,非常难移植到自己的项目中,本文代码干净整洁注释详细。
本文实现了 uniapp全端兼容(h5网页 / 支付宝微信小程序 / 安卓苹果app / nvue 等全平台)的树状(tree)节点选择器,随意动态切换 “单选” 和 “多选”,流畅无 BUG,
您直接复制组件源码,按照详细示例+超详细的注释和属性配置文档,保证轻松几分钟完成,
如下图所示,扔给该组件要渲染的数据,然后监听这些节点被选择并返回数据,
通过配置也可设置为 “父级可被选择”,除了基础功能,一切由您 DIY。
无任何乱七八糟的样式(只完成了基础样式),让您改造起来轻而易举

多选:

组件文件位置无所谓,最后确保正确引入即可。
在项目 components 文件夹下,新建 tree 文件夹,