vue-tree
vue-tree copied to clipboard
使用虚拟列表优化的 Vue 树组件 Vue tree component optimized using virtual list
fix #73
Vue2版本的控件功能API十分强大,因为在vue2的各大UI库中的树形控件都没有虚拟滚动的功能,这个组件完美解决了vue2在中后台大数据量树形控件的问题,感谢作者的开源! 使用下来基本业务需求都能涵盖,不过提两点可以优化的UI建议,仅针对于vue2,因为现在vue3的UI库树形控件基本都支持了大数据量以及一些常见的业务需求: **问题描述** 1.增加展开/折叠的动画过渡效果 2.增加节点之间带连接线的树 **组件版本** - Vue2 @wsfe/ctree
树节点可能会渲染比较复杂的DOM结构,通过`slot`放在`template`中会比 `render` 方法更加直观 参考element-plus的使用方式: ``` vue {{ node.name }} ```
**Bug 描述** `vue 2.6.14`下,使用`VTreeDrop`组件发生报错 **复现步骤** https://stackblitz.com/edit/vitejs-vite-z2qafx?file=src%2Fmain.js,src%2FTreeDemo.vue,package.json,src%2FTreeDrop.vue > 可以将stackblitz下载到本地,不清楚为什么stackblitz上会报错,会检测成vue3 **期望表现** 没有报错 **实际表现** **组件版本** - Vue: 2.6.14 - @wsfe/vue-tree: 3.1.0 **额外信息** None
文档中通过设置nodeMinHeight给子节点添加min-height,来计算整个tree的高度 如果子节点的高度不固定,是否会影响总高度,导致虚拟滚动有问题
**问题描述** 手机上很难滑动树,希望能优化 **组件版本** - Vue3 - @wsfe/vue-tree
**问题描述**  如图,先选 node2,则将 node2 展示在最前面 **适用场景** 某些场景希望按用户选择的顺序进行存储和展示 **组件版本** - Vue2 - @wsfe/ctree
**问题描述** treeDrop在elementplus^1.2.0-beta.5中的dialog或者drawer组件中,treedrop的下拉选择框在点击空白地方时关闭不了?如何解决? 想咨询的问题 **组件版本** **Vue3 中的 elementplus^1.2.0-beta.5 , "@wsfe/vue-tree": "^4.0.1"** ``` {{ principalIds.valueName || '请选择校区校长' }} {{ principalIds.valueName || '请选择校区校长' }} ```
**问题描述** 想咨询的问题 **组件版本** - Vue2 或 Vue3 - @wsfe/ctree 或者 @wsfe/vue-tree