Element-ui el-tree新增和删除节点后如何刷新tree的实例

一, 当新增节点后刷新当前节点

node.loaded = false;

node.expand();

//新建子节点是刷新一次本节点的展开请求,而重命名和删除则需要刷新父级节点的的展开事件,

二, 删除节点

node.parent.loaded = false

node.parent.expand()

完毕~

补充知识:element-ui组件el-tree添加按钮管用,删除按钮,数据会变,但是页面不更新

可能是element-ui 的版本太低了

我用的element-ui 2.4.6

后来发现2.4.11的是管用的

所有更新element-ui版本

cnpm i element-ui@2.13.1

以上这篇Element-ui el-tree新增和删除节点后如何刷新tree的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

时间: 2020-08-29

首先,我们要安装vuex,执行命令yarn add vuex 1.编写state数据 //vuex/index.js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state = { bookList: [ {id: 1, name: '西游记'},{id: 2, name: '水浒传'}, {id: 3, name: '红楼梦'},{id: 4, name: '三国演义'} ] } export

element ui 红点_Element-ui el-tree新增和删除节点后如何刷新tree的实例相关推荐

  1. element tree ui 全选_element UI tree 控件,点击父节点进行异步加载,异步加载的数据不能全选...

    异步加载不能有多级数据,异步的只能一级级加载 贴上我的代码 html :load="loadNode" node-key='id' lazy ref="tree" ...

  2. element ui表格打印_element ui实现前台打印功能

    element ui实现前台打印功能 简介 在项目中经常会使用打印功能,这次我们来看一下element ui实现打印功能,后台采用springboot作为后台接口方法,后台抽数据就不用看了,大家都明白 ...

  3. element ui 穿梭框_element ui 的穿梭框的右边框在初始化怎么赋值上去

    展开全部 在表格初始化时,设32313133353236313431303231363533e78988e69d8331333433646465置selectable属性,回掉参数为(row,inde ...

  4. 第四十四课:jQuery UI和jQuery easy UI

    jQuery UI是jQuery官方提供的功能效果和UI样式.作为官方出的东西,它一直没有被人们看重,一是它没有datagrid,tree等UI库必备的东西,二是它修改太过频繁,体积庞大.其实它所有以 ...

  5. vue ui框架_vue前端UI框架,一点都不圆润,盘它!

    面对众多vue前端UI框架,看着它们干干巴巴.麻麻赖赖的样子,一点都不圆润,跟我一起盘它! Vue移动端UI框架 1.Vux(star:15620) VUX(读音 [v'ju:z],同 views)是 ...

  6. UI培训分享:UI设计行业常见术语有哪些?

    学会UI设计之后,大家后面就要进入到真正的UI设计行业了,那么关于UI设计行业的常见术语大家也要做一些了解,尤其是新人,这对后面的工作会很多有帮助,本期UI培训教程就给大家介绍一下UI设计行业常见术语 ...

  7. UI培训分享:UI设计师要掌握哪些知识点

    UI设计师除了要学会自己所在行业的技术之外,还要了解一些其他的知识点,这些知识点都会在今后的工作中带来帮助,甚至是加分项,那么下面来看看小编为大家介绍的UI培训分享:UI设计师要掌握哪些知识点? UI ...

  8. UI设计培训:UI构思创意技巧和方法

    想要作为一名合格的UI设计师,那么创意技巧和方法是非常重要的,很多刚入职场的新人或者是工作多年的设计师都会在创意技巧和方法上遇到瓶颈,下面小编为大家整理一些UI构思创意技巧和方法,希望能够帮助到大家. ...

  9. UI设计培训之UI设计系统知识

    最近有很多小伙伴都在学习UI设计的相关知识,很多同学都是东边一学习一下,西边学习一下,根本没有明确的学习方法,对于这个问题小编为大家整理了一下学习UI设计的系统知识,一起看看吧! UI设计培训之UI设 ...

最新文章

  1. SEO快速排名算法独家揭秘
  2. python手机版怎么用-如何优雅的在手机上进行Python编程
  3. 【CV秋季划】人脸编辑之统一属性编辑方法视频更新
  4. 树莓派slam_SLAM+语音机器人DIY系列:(五)树莓派3开发环境搭建——6.树莓派USB与tty串口号绑定...
  5. Redis-学习笔记05【Jedis连接池】
  6. html文档打开错误,我的html的文档无法打开,打开也是报错
  7. bootstrap学习(三)表单
  8. 数据建模大数据就业挑战月薪30K
  9. 工信部:鼓励采用低速直驱和高速直驱式永磁电机
  10. php中获取随机数的方法,PHP实现获取随机数的方法
  11. 推理速度快千倍!谷歌开源语言模型Transformer-XL
  12. Linux系统调用怎么和内核或底层驱动交互的 inode struct file
  13. spring 注入 list和map及enum映射
  14. python输出语句中引用多个变量
  15. Python编程实践—打印 九九乘法表的几种方法
  16. 《FLUENT 14流场分析自学手册》——1.3 附面层理论
  17. 使用阿里云Maven仓库
  18. python学习感悟
  19. SQL查询执行某条SQL语句所花费的时间
  20. iframe框架下的子父级页面监控页面关闭事件

热门文章

  1. gRPC学习与应用(1)
  2. 计算机对室内设计的作用论文,虚拟现实技术室内设计论文
  3. www.harmonyos.com,品牌域名:华为收购Harmonyos.com,“神话级”域名即将登场
  4. Android 图片选择器(支持拍照,预览)
  5. PCL点云处理之基于高程的粗糙度计算(一百)
  6. Swagger、Yapi接口管理服务_SE
  7. 使用IDA FLAIR生成SIG文件
  8. 墨墨背单词所满足的用户的需求及其竞品分析
  9. 计算机二级考试桌面锁定吗,2016全国计算机等级考试无纸化考试系统操作指南...
  10. 昨天升级了Windows Media Player 的最新版11简体中文版