基于vue封装的树形菜单,v-tree

对树形菜单进行封装,实现基本功能,支持单选,多选,以及相关回调函数,和节点操作,目前版本为1.0.0 。

实现功能:

单选、复选、复选是/否级联选择(默认级联选中)、是否展示下拉虚线、点击节点回调函数,返回true 选中并触发选中事件,false相反,
节点选中事件,返回选中节点信息和上个选中节点信息,选中/取消选中复选框事件,将返回所有选中复选框数据
异步加载数据

 

<Tree
              <!--渲染数据-->
              :treeNode='treeNode'

              <!--点击节点 回调函数 -->
              :clickNode='clickNode'

              <!--点击节点前触发回调函数,return false 无法触发clickNode事件-->
              :beforeClick='beforeClick'

              <!--打开/关闭所有节点-->
              :allOpen='allOpen'

              <!--点击节点是否触发节点事件-->
              :nodeTrigger='nodeTrigger'

              <!--开启/关闭复选框-->
              :checkBox='checkBox'

              <!--开启/关闭级联选中 -->
              :checkBoxType='checkBoxType'

              <!--初始化回调数据-->
              @call='call'

            <!--C选中/取消选中复选框回调函数-->
              @checkBoxCall='checkBoxCall'

              <!--是否隐藏连接线 default false-->
              :hiddenLine:false,

              <!--是否开启异步 默认关闭-->
              :async='async'

              <!--异步回调函数function(data,call)
              data:current node call 回调执行,接收一个数组参数-->
              :asyncCall='asyncCall'
          />

开源地址:https://github.com/lenosp/v-tree

演示地址:https://lenosp.github.io/v-tree/dist/#/

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值