el-tree实现双击树节点事件

el-tree组件本身并没有直接支持双击事件的属性或方法，我们可以借助外部函数实现。

主要思路：在短时间范围内，通过定时器来判断是否为双击

1.el-tree中使用组件的node-click事件

    <el-tree
      :accordion="true"
      class="filter-tree"
      :data="dataTree"
      :default-expanded-keys="defaultExpandedKeys"
      :props="defaultProps"
      :filter-node-method="filterNode"
      :highlight-current="true"
      :expand-on-click-node="false"
      node-key="id"
      ref="tree"
      @node-click="handleNodeClick"
    >
    </el-tree>

2.data中定义对象

    // 定义双击对象
    dbObj: {
       count: 0,
       prev: null,
       timer: null
    },

3.methods 中定义节点双击函数和点击函数

    /**
     * 双击检测函数
     * 该函数用于检测给定节点是否在短时间内（300毫秒内）被连续点击两次
     * 主要通过记录点击次数和上一次点击的节点信息来判断是否为双击
     *
     * @param {Object} node - 被点击的节点对象，包含节点的唯一标识符
     * @param {string} id - 节点的唯一标识符，用于识别节点
     * @param {Function} cb - 回调函数，当检测到双击时会调用该函数
     */
    dbClicks(node, id, cb) {
      this.dbObj.count++;
      if (this.dbObj.prev === node[id] && this.dbObj.count >= 2) {
        cb();
      }
      this.dbObj.prev = node[id];
      this.dbObj.timer = setTimeout(_ => {
        this.dbObj.count = 0;
        this.dbObj.prev = null;
      }, 300);
    },
    // 点击树节点，打开详情
    handleNodeClick(node) {
      this.dbClicks(node, "id", () => {
        // 处理事件，实际业务需求逻辑代码
      });
    },