element tree 双击树节点

最新推荐文章于 2024-05-08 16:56:37 发布

sunyiuhang

最新推荐文章于 2024-05-08 16:56:37 发布

阅读量419

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/sunyiuhang/article/details/120182243

版权

本文探讨了Vue.js中使用el-tree组件实现过滤和双击事件处理的方法。通过`filter-node-method`属性实现了动态过滤节点，而`handleNodeClick`函数则用于处理节点的双击事件，展示了一个完整的前端开发中树形数据操作的实例。

摘要由CSDN通过智能技术生成

<el-tree
     class="filter-tree"
  :data="dataTree"
  :props="defaultProps"
  default-expand-all
  :filter-node-method="filterNode"
  ref="tree"
  highlight-current
  >
  <div slot-scope="{ node, data }" @dblclick="handleNodeClick" style="width:100%">
        <div  style="width:100%"><span class="tree_span">{{data.label}}</span></div>
        </div>
</el-tree>