技术栈

el-tree组件刷新指定id的节点数据

夏与冰2024-12-09 11:21

示例

封装一个可以刷新多个指定id的节点数据。

html 复制代码
<template>
  <el-tree ref="treeRef"></el-tree>
</template>

<script lang="ts" setup>
const treeRef = ref()

function refreshTreeById(nodeIds: number[]) {
  nodeIds.forEach((id: number) => {
    const node = treeRef.value?.getNode(id)
    if (node) {
      node.loaded = false;
      node.expand();
    }
  })
}

</script>
上一篇:Java春招大厂面试题
下一篇:ASP 实例:深入解析与实战应用
相关推荐
excel
15 小时前
Vue 编译器核心:transformIf 模块深度解析
前端
CodeToGym
16 小时前
Vue2 和 Vue3 生命周期的理解与对比
前端·javascript·vue.js
excel
16 小时前
深度解析 Vue 编译器源码:transformFor 的实现原理
前端
excel
16 小时前
Vue 编译器源码精读:transformBind —— v-bind 指令的编译核心
前端
excel
16 小时前
深入浅出:Vue 编译器中的 transformText —— 如何把模板文本变成高效的渲染代码
前端
excel
16 小时前
Vue 编译器源码深析:transformSlotOutlet 的设计与原理
前端
excel
16 小时前
Vue 编译器核心源码解读:transformElement.ts
前端
excel
16 小时前
Vue 编译器兼容性系统源码详解
前端
excel
16 小时前
Vue 编译器源码解析:noopDirectiveTransform 的作用与设计哲学
前端
uhakadotcom
16 小时前
基于 TOON + Next.js 来大幅节省 token 并运行大模型
前端·面试·github
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03《大数据技术原理与应用》实验报告三 熟悉HBase常用操作04综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件05BongoCat - 跨平台键盘猫动画工具06Linux下V2Ray安装配置指南07npm使用国内淘宝镜像的方法08NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南09jdk21下载、安装(Windows、Linux、macOS)10GitLab 零基础入门指南:从安装到项目管理全流程