526互联

el-tree需要自定义双击事件触发选择节点

发布时间 2023-06-28 23:52:05作者: Dz&Ying

单击事件 onclick="xxxx"
双击事件 ondblclick="xxxx"

<el-tree :data="data" @node-click="handleNodeClick"></el-tree>


data() {
    return {
        numTime: 0,
    }
},
methods: {
  // 自定义双击事件
  handleNodeClick() {
    this.numTime++
    setTimeout(function() {
        if (numTime === 1) {
            // todo 单击的逻辑
            console.log('单击')
        }
        if (numTime === 2) {
            // todo 双击的逻辑 一般双击只用到这个, 其他两个条件直接去掉就行
            console.log('双击')
        }
        if (numTime > 2) {
            console.log('点击次数大于两次', numTime)
        }
        numTime = 0
    }, 300)
  }
}