el-tree树回显删除某项，再次点开树形组件无变化，实际数据已改变

最新推荐文章于 2024-06-17 04:15:57 发布
最新推荐文章于 2024-06-17 04:15:57 发布
阅读量1.1k 收藏
点赞数
分类专栏： 前端 # 前端bug解决 文章标签： vue.js elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Shiny0815/article/details/132481787
版权

el-tree树回显删除某项，再次点开树形组件无变化，实际数据已改变

页面有添加和删除已选选项的按钮，点击删除一个选项，再点添加，打开树形弹窗，发现弹窗被删除的选项还在
原因： 发现是添加的时候，调的方法是，el-tree树形组件里check方法，这是错误的
初始化会根据default-checked-keys属性，默认已选项，直接勾选对应值，而不是通过check方法
解决： 初始化打开弹窗时，需要调 获取data的方法

Shiny0815
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
element-ui 表格 修改后, 表格里面的数据不实时更新问题
github_37759996的博客
05-14 3394
element-ui 表格 修改后 表格里面的数据后 页面不实时更新问题 完美解 想要达到的效果：点击"更多"后，"更多"隐藏，删除和补仓显示；（有时间可全部看完，没时间直接看做法6/7） 尝试用的方法：自己用 this.show、在百度上找的方法 set 都没能成功 提示：最下面有代码demo 页面初始化： 目标效果 做法1： 给"更多"绑定一个 v-show=‘show’ 把 this.show 设置为true ，点击"更多"按钮后 在点击事件里面把this.show 设置为false； 结果1： 未成
Element Ui的树型控件节点实时刷新
分外蓝
03-21 1813
今日在做电商后台管理系统时，我从后端查出来的数据，遍历后赋值给我绑定 key 值的数组，但是发现个问题，没有实时更新过来. <!-- 树形控件 --> <el-tree ref="treeRef" :data="rightsList" :props="treeProps" show-checkbox default-expand-all node-key...
前端VUE【实战】—— antd tree树形控件进行增删改查父子节点
最新发布
2401_85124640的博客
06-17 961
可以增加父子节点可以删除子节点可以编辑子节点信息可以取消编辑信息具体的效果图如下：直接上代码vue组件新增一级目录
element-ui组件el-tree添加按钮管用，删除按钮，数据会变，但是页面不更新
qq_39738977的博客
04-22 2255
element-ui组件el-tree添加按钮管用，删除按钮，数据会变，但是页面不更新 可能是element-ui 的版本太低了 我用的element-ui 2.4.6 后来发现2.4.11的是管用的 所有更新element-ui版本 cnpm i element-ui@2.13.1 ...
【vue】解决el-tree或el-table中树形列表懒加载数据改变后不能实时刷新问题以及使用
前端代码小白的日常博客
06-25 6213
首先从map中取出刚刚架子啊过子级节点的数据，再用this.$set清空对应父节点的数据，实现视图实时刷新，再通过取出的数据重新加载父节点。//封装一个增删改刷新table数据的方法,组件懒加载数据的节点，data return的maps，及被操作节点的父节点。在使用el-table表格懒加载子级数据，懒加载仅会在第一次展开时加载，后续会使用第一次缓存的数据，而不会重新加载。传入的三个参数分别是：组件懒加载数据的节点，存储的maps数据，被操作节点的。// 保存本次的展开或折叠状态，用于下次判断。
Vue+element中Tree树形控件数据失效~
weixin_33744854的博客
05-21 5435
1.完成效果 2.要求 后台大哥说，数据量太大，没办法一次性把全部的数据给我，先给我第一级的数据，子项则在点击的时候进行请求； 3.开写~~~~~~ 初始数据（对象数组）： 组件调用： &lt;template&gt; &lt;el-tree :data="chulilist" :props="defaultProps" :render-content="renderContent"...
Tree树形控件--删除分级菜单中的某一个、删除后的树形结构仍然是对应目录下的展开效果、二次删除确认、删除成功提示
做笔记\记录遇到的程序bug
03-03 238
Tree树形控件--删除分级菜单中的某一个、删除后的树形结构仍然是对应目录下的展开效果、二次删除确认、删除成功提示
基于element ui 二次封装的el-tree组件，支持懒加载数据，多选和单选，以tag方式回显输入框中，支持删除tag
01-24
树形下拉选择组件，下拉框展示树形结构，提供选择某节点功能 基于element ui 二次封装的el-tree组件，支持懒加载数据，多选和单选，以tag方式回显输入框中，支持删除tag，提供调用组件示例代码
Element-ui el-tree新增和删除节点后如何刷新tree的实例
01-21
补充知识：element-ui组件el-tree添加按钮管用，删除按钮，数据会变，但是页面不更新 可能是element-ui 的版本太低了 我用的element-ui 2.4.6 后来发现2.4.11的是管用的 所有更新element-ui版本 cnpm i eleme
el-tree中setChecked(id, true, false) 回显问题
03-21
el-tree中setChecked(id, true, false) 回显问题
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
10-17
在Element UI中，Tree组件是一种常用的用来展示层级结构数据的控件。懒加载模式（lazy loading）在这种场景下尤其有用，因为它能显著提高性能，特别是处理大量数据时。懒加载意味着只有在用户展开父节点时才会加载其...
angular-multi-select-tree:原生Angular多选树。 没有jQuery
05-01
角度多选树 原生Angular多选树。 没有JQuery。 如果您使用此模块，则可以在给它一个赞许。 演示页： [演示]（ ） 特征： 待定 实施细节： 待定 设计细节： 回调： 待定 用法： 通过以下任意一种方式获取angular...
elementui tree组件修改节点数据无法更新视图的问题
WillRing的博客
12-21 6639
关于elementui tree组件修改节点数据无法更新视图 1.问题概述 在做项目的过程中用到elementui中的树组件，需求要做一个点击节点后显示选中的效果，如下图： 选中后显示图标，后端给的数据是没有是否选中的字段的，所以拿到数据后我先用递归给每一个节点添加selected属性默认值为false，在点击节点时进行判断 然后更改selected的值，选中图标用v-if根据selected显隐。 但是之后发现 点击节点后即便selected属性改变，选中图标并没有跟着更新。 2.问题分析 最初以为是组
el-table树结构懒加载---行内增删改无法自动更新问题
qq_46113805的博客
08-16 1948
效果： 使用element-ui官网的代码实现编辑和删除后，页面并没有及时更新，网上查阅资料后，发现解决方法：load懒加载的时候把参数(tree,treeNode,resolve)存起来(可以存到data中或者用newMap方式存),编辑/删除成功后用存起来的参数调用load函数再加载一次 但是此时出现了新的问题：如果先点当前行的编辑/删除，再点击懒加载，那么页面可以自动更新，但是如果先点击第二级的懒加载，再点第二级的编辑/删除，就无法自动更新(因为点击第二级懒加载时(tree...
解决Vue3+element树形结构表格，子级无刷新
weixin_45871985的博客
03-01 3484
项目场景： 因为数据量比较多，所以使用树形数据与懒加载，子级不涉及增删改就会参在问题。 解决： 首先创建一个map let maps = ref(new Map()); 在展开回调时存进map里 删除时分两种情况：1子级的数据大于1条 那就直接调展开回调 2.仅剩一条这时如果老套路显然不对 需要直接赋值【】，因为赋值空了 页面会刷新 刷新后这条数据就没。详细见代码 不知道描述的是否清楚。 ...
解决element tree节点数据更新不动问题
weixin_39703282的博客
01-10 4845
解决element tree节点数据更新不动问题
vue3使用element-plus 树组件（el-tree）数据回显
qiaoguoqing的专栏
10-12 2716
【代码】vue3使用element-plus 树组件（el-tree）数据回显。
element tree动态设置默认选项与反选,反选无效问题
qq_36539696的博客
12-31 1190
场景如图,数据结构是树形,页面组件分别是用面板和tree实现,一级是面板,二级是树,所以在数据绑定的时候,有点麻烦.感谢产品设计的好图(=^ ^=) 面板绑定数据比较好操作,正是因为这里,导致了tree的数据处理起来比较麻烦,话不多说,上解决代码 <el-collapse v-model="selectAn"> <template v-if="allGroupList && allGroupList.le.
el-tree修改、（删除）节点后，不刷新整颗树，局部刷新父节点
weixin_41166682的博客
04-15 6977
1.需求 这里有个需求就是我要修改子节点。修改之后又不能刷新整棵树，要记录当前点击的节点，如果刷新了就记不住了，想记录会比较麻烦，一般的都是不会刷新整棵树，局部刷新 我这里的需求是点击这棵树的时候发送请求获取他的子节点，把子节点添加进去， 在template中 <el-tree class="firstTree-tree" :data="treeData" node-ke...
el-tree数据回显
08-31
你可以使用 `el-tree` 组件来实现数据的回显。首先，你需要将你的数据以树形结构的形式传递给 `el-tree` 组件的 `data` 属性。例如，你可以将一个数组作为根节点的子节点传递给 `data` 属性。 以下是一个简单的示例代码： ```html <template> <div> <el-tree :data="treeData"></el-tree> </div> </template> <script> export default { data() { return { treeData: [ { label: 'Node 1', children: [ { label: 'Node 1-1', children: [ { label: 'Node 1-1-1' }, { label: 'Node 1-1-2' } ] }, { label: 'Node 1-2' } ] }, { label: 'Node 2', children: [ { label: 'Node 2-1' }, { label: 'Node 2-2' } ] } ] }; } }; </script> ``` 在上面的示例中，我们创建了一个包含有层级关系的树形结构，并将其传递给了 `el-tree` 组件的 `data` 属性。`label` 属性用于显示节点的文本，`children` 属性表示节点的子节点。 通过配置合适的数据结构，你可以自定义更复杂的树形结构，并实现数据的回显效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值