ElementUI Tree nodeCollapse,节点关闭时触发的事件

最近做的项目需要对节点关闭时进行数据清理,再次点击重新请求数据

参考官方文档官方文档
在这里插入图片描述
三个参数: 节点的数据data,节点本身node,触发的事件event

直接展示实战代码:我是放在实际业务中,所以可能参数较多 最主要的是@node-collapse="nodeCollapse"


 <el-tree
      ref="tree"
      :key="tree_key"
      node-key="id"
      class="margin-top10"
      @node-click="nodeClick"
      :highlight-current="true"
      :filter-node-method="filterNode"
      empty-text="选定系统没有组织结构"
      :render-content="renderContent"
      :expand-on-click-node=false
      @node-collapse="nodeCollapse"
      show-checkbox
      @check="currentChecked"
      draggable
      :allow-drop="allowDrop"
      :allow-drag="allowDrag"
      @node-drop="sort"
      :props="treeProps"
      :load="loadNode"
      lazy
    >el-tree>

输出打印测试,输出测试数据没截全

//节点关闭时将节点内数据清空
    nodeCollapse(data,node,event){
     
      console.log("节点关闭触发")
      console.log("1:",data,"2",node,"3:",event)
    },

ElementUI Tree nodeCollapse,节点关闭时触发的事件_第1张图片

你可能感兴趣的:(Vue,vue)