elementui中树（le-tree）动态刷新选项

最新推荐文章于 2024-05-22 11:23:12 发布
最新推荐文章于 2024-05-22 11:23:12 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jxysgzs/article/details/104607052
版权

今天项目中出现一个问题，需要让el-tree组件动态的刷新选中内容，官方给出的是这样的例子：
在这里插入图片描述
但是我自己试了试并不管用，然后摸索了半天发现，还需要在组件上加一个这个：
在这里插入图片描述
menuses是动态选中的那一组数据，也是在this.$refs.tree.setCheckedNodes(this.menuses);中放入的用于动态刷新的数据组

建行一世
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
el-tree 数据改变后局部刷新目录树
Run_youngman的博客
07-03 4223
项目使用过程中，用户展开目录树，然后对目录树实施一些增删改查操作，此时如果选择重新获取最新的目录树，整个目录树就会重新刷新，无法记住之前展开的节点信息，十分影响用户体验，本文旨在通过一定技巧，在不刷新整棵目录树的前提下，实现对目录树节点的增删改等操作。
el-tree全树刷新，节点刷新
热门推荐
许珊珊同学的专栏
03-01 1万+
el-tree全树刷新，节点刷新 文章目录一、单节点刷新1. 如果你的el-tree设置了node-key="id"，拿父节点的id 作为第一个参数，2. 重新请求子节点数据，数组作为第二个参数3. 调用updateKeyChildren二、全树刷新1. 保存上次展开节点的id (可选)2. 清除本次树的store数据3. 设置树的defaultExpandedKeys属性值变量 一、单节点刷新 1. 如果你的el-tree设置了node-key=“id”，拿父节点的id 作为第一个参数， 2. 重新请
Element-UI详解
最新发布
科技追踪者的专栏
05-22 2031
Element-UI 是一个功能强大、使用便捷的 Vue.js UI 组件库，它为开发者提供了一整套解决方案，大大提高了前端开发的效率和质量。通过本文的介绍，相信你已经对 Element-UI 有了深入的了解。无论是企业后台、内容管理系统还是在线教育平台，Element-UI 都能帮助你快速构建出高质量的应用。希望你在实际项目中能充分利用 Element-UI 的强大功能，开发出更多优秀的应用。
小知识整理：el-tree
weixin_51628406的博客
04-02 187
//对当前节点执行新增，修改，删除 成功刷新树数据 refreshTree() { let nowNode = this.$refs.tree.getNode(node) nowNode.loaded = false nowNode.expand() } //getNode() . 获取当前节点。element UI 文档中有描述传参是key值或者节点node。 // xxx.loaded 节点置为 未加载 状态 // xxx.expand 节点展开，重新加载当前节.
el-tree懒加载及数据刷新
lmk666__的博客
07-12 4154
el-tree懒加载及数据更新
Element中的el-tree组件的懒加载和手动更新节点数据
u012930360的博客
08-05 4671
Element中的el-tree组件更新节点数据
el-tree 懒加载+局部刷新
hfhwfw161226的博客
02-28 3811
el-tree 懒加载+局部刷新
ElementUI中el-tree节点的操作的实现
12-28
其实tree的有些方法用起来是很方便的， this.$refs.tree.getCheckedKeys()；这个原生态的方法。官方文档上说的是，返回一个数组。有了这个方法，我们就可以得到选中的每个节点的id,拿到了id，那所有的问题就...
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
11-19
需求： vue-cli项目树形控件：一级节点为本地节点，默认展开一级节点，增删改后局部刷新数据。 增加节点，点击确定后局部刷新，渲染新数据。 源码 element组件样式 <el-tree class="treeitems" :data="data...
element el-tree组件的动态加载、新增、更新节点的实现
01-19
说正事，我需要动态的加载出整个树形结构，刚好就有 符合需求，啦啦啦 用的时候出现问题了，我要如何把后台返回个我的数据加载到表里呢，上菜。。。 <el empty-text=暂无数据 expand-on-click-node=false ...
Element-ui el-tree新增和删除节点后如何刷新tree的实例
01-21
一, 当新增节点后刷新当前节点 node.loaded = false; node.expand(); //新建子节点是刷新一次本节点的展开请求，而重命名和删除则需要刷新父级节点的的展开事件， 二, 删除节点 node.parent.loaded = false ...
layui-tree实现Ajax异步请求后动态添加节点的方法
12-13
最近在弄一个产品分类管理，是一个树形菜单的形式，用的是layui-tree ,由于它并没有动态添加节点，所以只能自己刚了。 大概效果如图 体的实现是当我鼠标移入“长袖”这个分类时，出现三个icon (如图)，按“增加”...
VUE+elementui组件在table-cell单元格中绘制微型echarts图
12-28
-在table表格中 根据 scope.$index动态设置元素的id ，便于指定单元格的echarts初始化； -在单元格中触发一个方法，传入当前的scope.row数据或者指定其他数据，并且传入 scope.$index 以及一个字符串便于识别当前是...
ElementUI Tree 树形控件的使用并给节点添加图标
11-21
ElementUI的Tree组件是Vue.js应用中常用的组件之一，它用于构建层次结构的数据展示，例如组织结构、文件目录等。在本文中，我们将探讨如何在Vue项目中使用ElementUI Tree控件并添加自定义图标。 首先，让我们了解...
Vue拿到后端返回的List，渲染出element-tree树结构
01-08
这是我的做法，基本上是搬运官方的办法照葫芦画瓢，我也不知道有没有更好的方法能拿到 tree组件的实例 element-tree 增加节点的方法 如果在模板中定于了 的数据源如下： 那么在当前Vue组件实例中定义并初始化数据...
vue elementui tree 任意级别拖拽功能代码
01-19
el-tree draggable :allow-drop=allowDrop @node-drop=sort accordion style=font-size:14px;width:250px; ref=tree :data=catalogList :props=defaultProps :expand-on-click-node=false node-key=id :...
el-tree树节点新增、编辑、删除后局部刷新树
weixin_44160439的博客
11-02 7213
场景：左侧为树，右侧为树的增删改配置，右侧增删改操作之后想要实现左侧树节点的局部刷新，保证用户的体验效果。(u‿ฺu✿ฺ)
【elementUI Tree 树形控件 动态加载数据、懒加载&&动态操作后局部刷新树结构】
m0_55546349的博客
06-16 6943
【elementUI Tree 树形控件 动态加载数据、懒加载&&动态操作后局部刷新树结构】
el-tree 懒加载数据，增删改时局部刷新实现
weixin_45776308的博客
08-07 2527
主要思路：将展开的层级的node保存当curNode中，在进行添加刷新后调用partialRefreshpartialRefresh（）方法【下面代码】模拟一次节点展开事件，加载重命名后的新数据；的展开事件，可以设置node.parent.loaded = false;node.expand() // 新建子节点是刷新一次本节点的展开请求，而重命名和删除则需要刷新父级节点的。2.defaultProps 需要设置isLeaf: 'isLeaf',去除最后一层孩子节点的展开图表。2.增删改时实现局部刷新。
LE-10激光尺安装与安全指南
激光尺LE-10是一款由JS/KD-SF-TM03-2017版本的A/0型号的激光干涉系列产品的详细介绍手册。这款设备设计用于运动系统的精确位置反馈，旨在提供高精度的测量和控制。安全是设计的核心考虑，它属于2类激光产品，虽然...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值