基于虚拟 dom 编写 eleTree 树组件

2020-07-14 11:05:30 +08:00
 hsiangleev

说明

完全基于 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)
})

示例如下图:

1271 次点击
所在节点    JavaScript
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/689829

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX