el-tree的双击事件

el-tree 是一个基于 ElementUI 的树形组件，可以使用它的 node-click 事件来监听节点的单击事件。而双击事件则需要自己进行封装。

以下是一个简单的双击事件封装示例：

<template>
  <el-tree
    :data="treeData"
    :props="treeProps"
    @node-click="handleNodeClick"
    @node-dblclick="handleNodeDblclick"
  />
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '一级节点',
          children: [
            { label: '二级节点1' },
            { label: '二级节点2' },
          ],
        },
      ],
      treeProps: {
        expandOnClickNode: false,
      },
      lastClickTime: null,
    };
  },
  methods: {
    handleNodeClick(node) {
      const currentTime = new Date().getTime();
      if (this.lastClickTime && currentTime - this.lastClickTime < 500) {
        this.handleNodeDblclick(node);
      }
      this.lastClickTime = currentTime;
    },
    handleNodeDblclick(node) {
      console.log('双击了节点', node.label);
    },
  },
};
</script>

在这个示例中，我们首先关闭了默认的节点展开行为（通过 `treeProps` 中的 `expandOnClickNode` 配置项）。然后在 `node-click` 事件中，我们记录下当前时间，并判断与上次单击事件之间的时间差是否小于 500ms，如果是，则触发双击事件；否则只触发单击事件。最后将当前时间保存为上次单击事件的时间，以备下次使用。

需要注意的是，这个示例只是一个简单的演示，实际开发中可能还需要考虑其他因素，比如双击事件的触发速度和用户体验等等。