22 Star 220 Fork 47

OpenTiny / tiny-vue

 / 详情

🐛 [Bug]:opentiny-vue 的tree组件懒加载,删除、修改节点页面数据没有发生变化;在某个节点下新建子节点时,点击该节点上的新建按钮跳转到另一个页面输入新建的子节点的名称后新建,在返回原来的树列表页面后数据就初始化了,用户不能看到自己刚刚新建的子节点,还需要用户在一层一层的点击去找到自己新建的子节点

待办的
创建于  
2024-03-20 22:50

Version

3.14.0

Vue Version

3.2.47

Link to minimal reproduction

https://gitee.com/he-yanzi/vue3/tree/dev

Step to reproduce

输入图片说明
问题:1.懒加载情况下,删除或者修改某个节点,页面数据不会改变;2.懒加载情况下,点击新建子节点跳转到另一个页面设置新建子节点的名称新建完成后跳转回树列表页面,不能展示出来刚刚新建的子节点而是会数据初始化;3.懒加载情况下点击某个节点上的‘展开所以节点按钮’,对接口返回的该节点下的所以节点不能全部渲染出来并展开该节点下的所以子节点

What is expected

输入图片说明输入图片说明

What is actually happening

懒加载情况下:
1.点击完某个节点的删除按钮或者修改名称按钮之后进行删除操作和修改名称操作之后 页面的数据并没任何的变化删除的节点没有消失,修改名称的节点名称还是保持原来的没有改变;
2.点击某个节点上的 '新建子节点' 按钮之后跳转页面编辑新建子节点的名称新建完毕之后,重新返回原来的树形列表页,数据不能展开到刚刚新建的子节点的位置而是会变为初始化的状态

What is your project name

云管

Any additional comments (optional)

评论 (4)

王航翔 创建了任务

无法访问 https://gitee.com/he-yanzi/vue3/tree/dev 这个地址, 是不是把仓库改为公开

1.点击‘修改名称’按钮后 弹出弹窗在输入框内输入修改的名称之后点击确定调取接口修改节点的名称,接口跑通了但是页面对应节点的名称不发生变化,使用什么方法可以让节点局部刷新名称发生改变?
2.点击‘新建子节点’按钮,跳转到新建子节点的页面在输入框中输入新建子节点的名称点击确定按钮后调用新建子节点的接口后,返回这个列表页,页面会初始化不能展开到刚刚新建的子节点的位置,使用什么方法可以让页面返回到这个列表页的时候展开到刚刚新建的子节点的位置?
3.点击‘展开所有节点’按钮调取接口返回该节点下的所有的节点后,如何更新该节点让页面上显示出来该节点下的所有节点并展开该节点下的所有节点?

{{ node.data.label }}
删除 修改名称 新建子组织 展开所有节点
<script setup> import {Tree} from '@opentiny/vue' function load(node, resolve) { console.log('即将加载节点下级数据:', node) // 通过 level =0 来识别第一次加载 if (node.level === 0) { resolve([ { id: '1', label: '组织 1' }, { id: '2', label: '组织 2' }, { id: '3', label: '组织 3' } ]) } // 通过 data 有值,识别是用户点击后的加载 else if (node.data) { const parentId = node.data.id const parentLabel = node.data.label const children = Array.from({ length: 5 }, (v, k) => k + 1).map((num) => ({ id: `${parentId}-${num}`, label: `${parentLabel}-${num}`, isLeaf: false // 随机设置叶子节点 })) // 模拟异步返回 setTimeout(() => resolve(children), Math.random() * 2 * 1000) } } </script> <style lang="scss" scoped></style>

输入图片说明

@noonoo 请问该问题有解决计划吗?

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(3)
5585065 zhengyuhanghans 1621672445
1
https://gitee.com/opentiny/tiny-vue.git
git@gitee.com:opentiny/tiny-vue.git
opentiny
tiny-vue
tiny-vue

搜索帮助

344bd9b3 5694891 D2dac590 5694891