elementuitree增删改查_Vue树形组件之--smart-tree
前⾔
最近使⽤Vue写了⼀个树形组件，为什么不⽤开源的第三⽅控件呢，主要是因为项⽬中有⼀些特殊的要求。
⽐如，项⽬中要求树组件能⽀持数万个节点的流畅显⽰，还有⼀些拖拽的⾃定义显⽰等问题。⽽这种情况下，element-ui⾥⾯的el-tree显然不够⽤了。
原理
我们知道，当dom节点过多时，HTML页⾯就会卡顿，因此优化的⽅向就是减少dom元素的数量。
vue element admin
在这个组件中，我只显⽰了可视区域的范围。⽽当滚动条滚动时，组件重新计算可视区域，刷新显⽰节点，从⽽达到视觉上的连贯性。
采⽤这种⽅式，即使有数万个节点，真正显⽰的也只有⼗⼏⼆⼗个，从⽽极⼤的提升了组件的性能。
OK，问题完美解决，在这⾥分享给⼤家，希望能给⼤家⼀些帮助。
安装
组件已经上传到npm平台，因此安装⽅式跟其它组件⼀样：
npm install -S smart-tree
组件使⽤
组件的使⽤⽅式基本同element-ui的el-tree组件⼀样，当然，只是实现了部分功能，后⾯会继续完善。
具体关于组件的⼀些细节，⼤家可以参考npm⾥⾯的说明：
有问题欢迎留⾔，如果喜欢，别忘了给个星星哦~
源码地址

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。