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

单击事件 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)
  }
}

posted @ 2023-06-28 23:47 Dz&Ying 阅读(1426) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· vue2项目中支持可选链 (?.)、双问号 (??)

· 手写bind函数

· el-tree节点模拟双击事件

· el-tree前面的复选框不能多选变成单选

· React 自定义hook - 双击事件 - useDBClick

DzYing的博客

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

公告

我的标签

随笔分类

文章分类

文章档案

	<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)
	}
	}