首页 > 其他分享 >elmentplus中删除el-treen 数据时,树的数据改变了,但是树不刷新

elmentplus中删除el-treen 数据时,树的数据改变了,但是树不刷新

时间:2024-08-21 17:26:29浏览次数:5  
标签:elmentplus const 删除 el value treeRef treen 刷新

<el-tree
    ref="treeRef"
    style="max-width: 600px"
    class="filter-tree"
    :data="treeData"
    :props="defaultProps"
    default-expand-all
    :filter-node-method="filterNode"
    node-key="id"
    @node-click="handleNodeClick"
  />
const treeRef = ref<InstanceType<typeof ElTree>>();

const handleDelete = (ids: string) => {
  ElMessageBox.confirm("确定删除吗?", "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
  }).then(() => {
    deleteApi(ids).then(async () => {
      // 刷新树
      await getTreeData();
      //删除时,树的数据改变了,但是树不刷新,需要手动调用树的remove方法
      if (treeRef.value) {
        treeRef.value.remove(currentTreeItem);
      }
      ElMessage.success("操作成功");
    });
  });
};

标签:elmentplus,const,删除,el,value,treeRef,treen,刷新
From: https://www.cnblogs.com/sinceForever/p/18372167

相关文章

  • Element Plus表单调用resetFields方法失效
    问题描述:你会发现在第一次点击新增按钮的时候然后再点击编辑按钮,再点击新增按钮表单是可以正常清空的。但是如果你第一次点击编辑按钮,表单数据回显,关闭窗口再点击新增按钮发现编辑的数据竟然还在,就很玄乎。而且,你点击编辑其他数据再点击新增按钮发现竟然是第一次点击编辑的数据!......
  • poi的excel导出
    poi的excel导出这个导出依赖于模板文件,可便捷设置表头样式。也可以不使用模板,直接创建。1.引入poi依赖<dependency><groupId>org.apache.poi</groupId><artifactId>poi</artifactId><version>4.1.2</version></dependency>2.准备模板文件3.编写导出代......
  • Flannel IPIP DR 模式
    FlannelIPIPDR模式一、环境信息主机IPubuntu172.16.94.141软件版本docker26.1.4helmv3.15.0-rc.2kind0.18.0clab0.54.2kubernetes1.23.4ubuntuosUbuntu20.04.6LTSkernel5.11.5内核升级文档二、安装服务kind配置文......
  • Apache SeaTunnel数据处理引擎适配的演进和规划
    作者|ChaoTian(tyrantlucifer),ApacheSeaTunnelPMCMember摘要ApacheSeaTunnel作为一个高性能数据同步工具,以其高效的数据处理能力,为数据集成领域带来了创新。在引擎上,ApacheSeaTunnel除了支持自身的Zeta引擎外,还支持Spark和Flink。在2024年的CommunityOverCodeAsia,Apa......
  • Abaqus UFIELD和USDFLD子程序详解
    UFIELD和USDFLD是Abaqus极具迷惑性的两个子程序,这两个家伙长得就比较像兄弟,而且都是用来自定义场变量的,同时还有一个状态变量statevariable掺和在中间,再加上帮助里面的解释也基本上不是人话,很容易就把人搞二了,今天帖主就来撸一撸这两个子程序。1、自定义场变量  Abaqus......
  • Element-ui table进阶使用
    最近项目有多个报表开发的需求,我采用的是凤翎前端组件框架(基于element-ui开发),大伙可以直接参考element-ui组件库文档,把标签中的fks替换为el即可。下面我会按顺序一一展开细说这些需求:1、有多级表头,合并单元格如下图所示,降雨量是顶级表头,下面是二三级表头,最后才是表身部分。多......
  • Java毕业设计作品(87):基于thymeleaf前后端分离 校园学习资料共享平台系统设计与实现
      博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书......
  • 使用Mybatis 的PageHelper插件实现分页查询功能
    Mybatis提供了一个分页插件PageHelper,它会帮助我们自动完成分页和获取总数量的操作,可以方便实现分页查询。第一步,在pom.xml文件引入PageHelper依赖。<dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-s......
  • Electron初体验
    为什么使用electron最近准备开发一个国产麒麟系统上的桌面程序,主要完成Linux命令的可视化,而electron作为目前最活跃的跨平台桌面应用程序的框架之一,它可以使用网页技术(如HTML、CSS和JavaScript)来创建桌面应用程序,同时利用Node.js的强大能力来访问操作系统底层功能,可以充分利......
  • LabelImg、VoTT、Labelme、CVAT四个图像标注工具的优缺点
    LabelImg、VoTT、Labelme、CVAT是常用的图像标注工具,每个工具都有其独特的功能和适用场景。以下是对这几个工具的优缺点的详细分析:1.LabelImg优点:简单易用:LabelImg有着非常直观的用户界面,适合初学者和非技术用户。用户可以通过点击和拖拽轻松创建边界框。轻量级:工具轻量级,运......