tree组件新增节点后依旧展开原来节点

最新推荐文章于 2024-03-19 14:06:17 发布
最新推荐文章于 2024-03-19 14:06:17 发布
阅读量451 收藏
点赞数
分类专栏： tree 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yixiaojing527/article/details/121488638
版权

组件内部有一个:default-expanded-keys方法就是默认展开的节点，思路就是每次点击节点的时候把绑定的数组里添加或者删除对应的id，如果已有就代表是折叠，需要删除这个默认展开，如果没有就添加到:default-expanded-keys=绑定的数组里去

 data里给dxk为空数组

点击节点的时候这个flag必须要判断状态，不能无脑的push，不然永远无法折叠节点！！！！

以上是错误势力,只能找一层的children,而实际需求是需要通过递归把当前id下的多有children(不管嵌套多少层都要找出来)然后删除

最低0.47元/天 解锁文章
yixiaojing527
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
element el-tree组件的动态加载、新增、更新节点的实现
10-15
主要介绍了element el-tree组件的动态加载、新增、更新节点的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
el-tree懒加载遇到的问题 —— 默认选中前几个节点，父节点以及所有子节点也被选中
monparadis的博客
04-01 2502
前言：el-tree使用懒加载方式（由于数据量大）设置默认选中的是父节点的前两个子节点，展开时，发现父节点和所有子节点全选中了，于是打了一下debugger，发现点击展开时，默认走选中的前两个子节点，到第二个节点是时走了reInitChecked父节点的checked属性变成了true，因为父节点变成了true，所以他又将所有子节点都变成了true（莫名其妙子节点还没渲染完就重置了父节点的状态）；然后我尝试了一下默认选中节点设置父节点的第一个和第三个节点，发现没有问题呢！？？？ 首先我是使用懒加载的方式加
el-tree 设置默认展开指定层级
最新发布
qq_35946021的博客
03-19 1375
el-tree默认关闭所有选项，但是有添加或者编辑删除的情况下，需要刷新接口，此时会又要关闭所有选项；expandedkeys:[] //expandedkeys为要展开的层级。里面的值就是node-key="id" 里的id键对应的值。需求：在编辑时、添加、删除 需要将该内容默认展开。
el-tree-select 选中默认展示全部层级
qq_45064834的博客
10-21 2096
Element Plus 中 el-tree-select 组件选中后展示全部层级
elementui tree树形控件 default-expanded-keys失效及动态绑定问题
热门推荐
lianzhang861的博客
06-14 3万+
elementui 中的树想要默认展开官方文档中有介绍： 1.默认展开失效问题 https://element.eleme.cn/#/zh-CN/component/tree <el-tree :data="data" show-checkbox node-key="id" :default-expanded-keys="[2, 3]" :default...
16 el-tree 保存树的 选择状态, 展开状态
970655147的专栏
10-24 2693
需求 来自于一些实际的场景这里 仅仅是一个 样例来实现 这一部分需求这部分 处理也相对比较简单, 就直接 展示 代码了1. 节点 增删改查 的实现(一种基于模型的实现, 一种基于 el-tree api 的实现)2. 保存 el-tree 的 选择状态3. 保存 el-tree 的 展开状态。
element Tree 树形控件default-expanded-keys 将指定节点的父级都展开
qq_43987527的博客
07-15 2457
element Tree 树形控件default-expanded-keys 将指定节点的父级都展开
Vue2x Element-UI el-tree 懒加载默认显示到第三级节点
hpu_clj的博客
04-06 2838
了解到elementUI tree懒加载下，后台需要返给前端数组结构（即返回的每一级节点数据结构是数组），同时后台也要返回一个是否是子节点标识，要不然前端无法知道需不需要去加载下一节点。思路：基于项目需求，从结果查询页面跳转到这个页面需要有个标识，要不然不知道从哪个页面调过来，页面上我传来一个布尔标识isExpandShow，对于默认展开的节点，需要初始化递归调用接口到node的level为2，把递归遍历到的节点数据放入默认展开的节点数组里，由此可实现。懒加载默认展示不到第三级，只是默认展示到根节点。
element Tree 树形控件default-expanded-keys设置默认展开节点
林中明月间丶
10-10 6886
【vue+elementUI】根据数据默认展开图层树指定节点，default-expanded-keys - dqy95 - 博客园 element select 自动展开_element tree树组件default-expanded-keys属性设置默认展开的节点..._weixin_39952502的博客-CSDN博客 elementui tree树形控件 default-expanded-keys失效及动态绑定问题_lianzhang861的博客-CSDN博客 【vue】使用vue+ele..
el-tree 设置全部展开/设置默认展开某一层
m0_75278118的博客
08-02 6431
el-tree 设置全部展开/设置默认展开某一层
el tree 节点折叠展开动态控制
既然青春留不住，还是做个大叔好!
01-05 4126
问题 因为这里的应用场景是可以用户配置树和共享树，其它用户可以访问树，问题在于如果树的节点太多展开就会显得很长，反过来如果折叠的状态唯一，那么用户就可能无法看到自己想优先操作的节点，故在保存树目录到服务器的同时需要将折叠的状态值也保存到树中 思路 el-tree有两个属性 node-expand 节点被展开时触发的事件 default-expanded-keys 默认展开的节点的 key 的数组 通过node-expand来监听节点的折叠状态，通过default-expanded-keys来初始化折叠状
Element-ui el-tree新增和删除节点后如何刷新tree的实例
10-14
主要介绍了Element-ui el-tree新增和删除节点后如何刷新tree的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
el-tree下拉框中树节点选中后不收回下拉框
weixin_51722520的博客
12-28 846
el-tree下拉框中树节点选中后不收回下拉框。
vue实现el-tree操作后默认展开该节点和同级节点拖拽并进行前后端排序
hangnan315的博客
11-29 1826
el-tree节点操作后仍展开。el-tree 同级拖拽排序。
element 树（el-tree）默认展开指定节点
weixin_42091613的博客
09-11 1万+
<el-tree :data="organization" node-key="id" node="label" height="100%" style="height:100%" ref="tree" v-load...
vue3中el-tree设置默认选中节点和展开节点
reembarkation的博客
11-07 3303
vue3中el-tree设置默认选中节点和展开节点
element UI中的el-tree刷新后保持节点展开状态
qq_41742961的博客
10-11 864
<el-tree :data="dataList" :props="defaultProps" ref="dataListRef" node-key="id" :default-expanded-keys="expandArray" accordion style="font-size: 14px" @node-click="handleNod
element el-tree 刷新后保留展开状态
zjx147的博客
04-20 1201
@node-expand="handleNodeExpand" // 展开节点时触发的函数 @node-collapse="handleNodeCollapse" // 关闭节点时触发的函数 // 树节点展开 handleNodeExpand(data) { // 保存当前展开的节点 let flag = false this.defaultExpandIds.some(item => { if (item === data.id) { // 判断当前节点是否存在， 存.
el-tree懒加载点击一级节点后一键展开所有子节点
qq_43202700的博客
10-12 3795
如何使用elementui中的树形组件在懒加载模式中会默认展开N层;需求如下:用tree组件进行懒加载默认会展开4层.剩下的使用异步加载.
vue el-tree新增节点后不折叠刷新
02-07
在 Vue 项目中使用 el-tree 新增节点后如果不想自动折叠，可以在新增节点后手动调用 el-tree 的展开方法，例如 `$refs.tree.expandNode(node)`。 如果你想让 el-tree 新增节点后自动展开，可以在 el-tree 上设置 `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值