跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 基于虚拟 dom 编写 eleTree 树组件
未分類
19 7 月 2020

基于虚拟 dom 编写 eleTree 树组件

基于虚拟 dom 编写 eleTree 树组件

資深大佬 : hsiangleev 7

说明

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

示例如下图: 基于虚拟 dom 编写 eleTree 树组件

大佬有話說 (0)

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具