vue-tree

vue-tree copied to clipboard

如beforeDragMethod，返回true表示可拖动，false不可拖动 就像beforeDropMethod那样

kawais

 如图，可指定线条样式，如实线，虚线等

kawais

某个节点下的数据太多时显示为空白

1

**Bug 描述** 某个节点下的数据太多时显示为空白，如图  **复现步骤** 请描述复现步骤，并且提供最小可复现示例（CodeSandbox, CodePen 链接等） **期望表现** **实际表现** 数据量太大时树的节点显示为空。 **组件版本** - Vue: Vue 3.4 - @wsfe/vue-tree: ^3.2.0 - 其他可帮助复现的 npm 包名称及版本 **额外信息** 其他要补充的信息

xtuer

关于 @wsfe/vue-tree 对 Vue2 支持的讨论

1

官方在 2023 年 12 月 31 日 [停止了 Vue2 的支持](https://v2.cn.vuejs.org/eol/) ，不再有后续更新。 本树组件原本预想通过 `vue-demi` 库同时兼容 Vue2, Vue3 ，但自发布 @wsfe/vue-tree 3.x 以来，不时会收到一些 Vue2 兼容性相关的 issue ， Vue2, Vue3 的割裂带来的[问题](https://juejin.cn/post/7236184868480663589)远比预想的多。 开这个 issue 有两个目的：...

ChuChencheng

报错无法使用

1

1. import '@wsfe/vue-tree/style.css' css文件引入路径有误 2. 报错如图： 

shadowMing

怎么修改某个节点的数据

1

**问题描述** 使用 setData 设置数据 (非响应式的方式，没有使用 :data 进行双向绑定)，怎么修改某个节点的数据例如 title，然后树上此节点马上更新看到效果呢？ 需求来源，例如重命名树的节点。 **组件版本** - Vue3 - @wsfe/vue-tree ^3.2.0

xtuer

vue2.7 reactive([]) has warning

1

**Bug 描述**  **组件版本** - Vue: 2.7.16 - @wsfe/vue-tree: 3.2.0

defghy

怎么只更新某一个节点的样式？

3

使用 `setData()` 的方式设置树的数据 (使用非响应式): 1. 节点 node 当前是非叶子节点，其 `node.isLeaf` 为 false，有小三角形箭头。 2. 手动修改 `node.isLeaf = true` 把节点修改为叶子节点，节点的样式没有变，即小三角形箭头还在。 3. 调用树的方法 `tree.value.clearChecked()` 强制更新整棵树，这时 node 的小三角形箭头消失。 有没有更好的方法，只更新某个节点的样式？

xtuer

添加自定义节点的功能  示例代码: 

idcpj

v3.2.0版本，底层节点会显示展开图标

1

**Bug 描述** v3.2.0版本，底层节点会显示展开图标 **路径：/src/components/TreeNode.vue** ```javascript // v3.2.0版本 const expandCls = computed(() => { return [ `${prefixCls}__square`, `${prefixCls}__expand`, { [`${prefixCls}__expand_active`]: props.data?.expand } ] }) // v3.1.0版本 const expandCls = computed(() =>...

wang-pengju