uni-app - 树形结构选择器组件(支持单选 / 多选 / 可选择父级 / 弹框形式)树形控件 tree 无限级节点树,树插件完整源码,最好用的组件教程

前言

网上的教程代码非常乱且都有 BUG 存在,非常难移植到自己的项目中,本文代码干净整洁注释详细。

本文实现了 全端兼容的树状(tree)节点选择器,随意动态切换 “单选” 和 “多选”,流畅无 BUG,

您直接复制组件源码,按照详细示例+超详细的注释和属性配置文档,保证轻松几分钟完成,


如下图所示,扔给该组件要渲染的数据,然后监听这些节点被选择并返回数据,

通过配置也可设置为 “父级可被选择”,除了基础功能,一切由您 DIY。

无任何乱七八糟的样式(只完成了基础样式),让您改造起来轻而易举

在这里插入图片描述
多选:

在这里插入图片描述

组件源码

组件文件位置无所谓,最后确保正确引入即可。

在项目 components 文件夹下,新建 tree 文件夹,

然后再里面新建一个 tree.vue 文件,一键复制以下代码。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部