基于虚拟 dom 编写 eleTree 树组件

2020-07-14 11:05:30 +08:00
hsiangleev  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)
})

示例如下图: 图片示例

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

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

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

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

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

© 2021 V2EX