element中Tree 树形控件实现节点过滤和懒加载节点

目录

  • 1.代码实现
  • 2. 效果图
  • 3. 使用到的部分属性说明
  • 4. 更多属性配置查看element官网

1.代码实现


      

      

2. 效果图

element中Tree 树形控件实现节点过滤和懒加载节点_第1张图片

3. 使用到的部分属性说明

  1. default-expanded-keys: 默认展开的节点的 key 的数组;
  2. expand-on-click-node: 是否在点击节点的时候展开或者收缩节点, 默认值为 true,如果为 false,则只有点箭头图标的时候才会展开或者收缩节点;
  3. load :加载子树数据的方法,仅当 lazy 属性为true 时生效;
  4. lazy :是否懒加载子节点,需与 load 方法结合使用;
  5. node-key :每个树节点用来作为唯一标识的属性,整棵树应该是唯一的;
  6. filter-node-method: 对树节点进行筛选时执行的方法,返回 true 表示这个节点可以显示,返回 false 则表示这个节点会被隐藏;
  7. node-click :节点被点击时的回调;

4. 更多属性配置查看element官网

https://element.eleme.cn/#/zh-CN/component/tree

你可能感兴趣的:(Element,javascript,前端,vue.js,elementui)