对树形菜单进行封装,实现基本功能,支持单选,多选,以及相关回调函数,和节点操作,目前版本为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'
          />


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

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

05-18 04:34