vue + elementui 中使用了懒加载的 tree(＜el-tree＞＜/el-tree＞)，点击按钮重置tree

最新推荐文章于 2024-06-04 11:35:25 发布

今天星期八

最新推荐文章于 2024-06-04 11:35:25 发布

阅读量3.1k

点赞数 1

分类专栏： element-ui Vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/Missbelover/article/details/130600787

版权

Vue 同时被 2 个专栏收录

38 篇文章 1 订阅

订阅专栏

element-ui

14 篇文章 1 订阅

订阅专栏

出现问题：

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

<div class="head-container header-tree" v-if="addDialogVisible">
	<el-tree
	  ref="tree"
	   :data="treeData"
	   :load="loadnode"
	   :lazy="isLazy"
	   check-on-click-node
	   check-strictly
	   :props="defaultProps"
	   highlight-current
	   accordion
	   node-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;
    // 重载 tree
    that.addDialogVisible = false;
    
    setTimeout(function(){
      that.addDialogVisible = true;
    },200)
}