el-tree check-strictly但父子关联+虚拟滚动

1. 设置check-strictly可选择各层级且父子数关联



 

 




2. 增加虚拟滚动

  1. 安装vue-virtual-scroll-list
$ yarn add vue-virtual-scroll-list
  1. tree-virtual-node.vue中增加以下方法,否则点击收起箭头无效果

  2. el-tree改为virtual-tree,其余参数都一致



 

3. 效果图

4. 参考文章

  • el-tree 数据回显父节点和子节点都会被选中 check-strictly关联不关联
  • el-tree组件展示节点过多时造成页面卡顿、奔溃的解决办法

你可能感兴趣的:(el-tree check-strictly但父子关联+虚拟滚动)