基于虚拟dom编写eleTree树组件

593 阅读1分钟

说明

完全基于snabbdom组件,采用展开才加载的方式,渲染速度大幅提升

项目地址 在线文档

实现的功能

  1. 自定义图标
  2. 复选框checkbox
  3. 单选框radio
  4. 自定义右键菜单
  5. 复制粘贴节点
  6. 搜索功能
  7. 懒加载

安装

  1. npm引入npm run eletree -D
  2. 直接引入js文件,下载地址

快速使用

var el = eleTree({
    el: '.eletree',
    url: '/eleTree/json/1.json',
    highlightCurrent: true,
    showCheckbox: true
})
el.getChecked()
el.on("checkbox", function(data) {
    console.log(data)
})

示例如下图:

图片示例