当前位置: 首页 > news >正文

vue + elementui 中 在弹框中使用了 tree型结构(<el-tree></el-tree>),点击关闭按钮按钮重置tree

vue 项目中使用了element-ui 中 tree,选择了懒加载的模式
通过点击按钮,使得 tree 重新加载

<div class="head-container header-tree" v-if="addDialogVisible"><el-treeref="tree":data="treeData":load="loadnode":lazy="isLazy"check-on-click-nodecheck-strictly:props="defaultProps"highlight-currentaccordionnode-key="nodeId"@node-expand="keepExpandedNode"@check-change="hChangeTree" @check="handleCheckChange":default-expanded-keys="defaultExpandedNodes":default-checked-keys="defaultCheckedNodes"></el-tree>
</div>

通过点击重置按钮,使得tree 重新加载

/** 重置按钮操作 */
resetQuery() {var that = this;// 重载 treethat.addDialogVisible = false;setTimeout(function(){that.addDialogVisible = true;},200)
}

解决的思路为:通过v-if 的显示隐藏来控制重新加载

http://www.lryc.cn/news/132613.html

相关文章:

  • windows adb根据id点击按钮
  • netty(一):NIO——处理消息边界
  • 等保测评--安全计算环境--测评方法
  • open cv学习 (二)色彩空间和通道
  • RS232、RS422、RS485硬件及RS指令、RS2指令应用知识学习
  • 背景属性样式
  • 蓝桥杯每日N题 (消灭老鼠)
  • k8s 用户角色 权限的划分
  • 聊一下操作系统 macOS 与 Linux
  • OJ练习第153题——分发糖果
  • iOS 通知推送服务端部署测试过程详细版
  • 【COMP282 LEC3 LEC4 LEC5】
  • panda3d加载模型复习和python面向对象编程属性学习
  • 使用 Node.js 生成优化的图像格式
  • 【WinAPI详解】<CreateWindowEx详解>
  • 【Git】分支管理
  • 玩转单元测试之gtest
  • Tomcat 一次请求的生命周期
  • spring cloud gateway中配置uri
  • 使用NAudio录制wav音频
  • 数据结构之动态内存管理机制
  • 【汇编语言】栈及栈操作的实现
  • 【JavaEE】面向切面编程AOP是什么-Spring AOP框架的基本使用
  • SpringBoot+微信小程序奶茶在线点单小程序系统 附带详细运行指导视频
  • 【支付宝小程序】开发基础--文件结构教程
  • LLM 生成式配置的推理参数温度 top k tokens等 Generative configuration inference parameters
  • npm的镜像源和代理的查看和修改
  • IP库新增经过实践的Verilog 库
  • SLAM-VIO视觉惯性里程计
  • 分布式 RPC 框架入门