前言：
今天小伙伴们对“element ui eltree”大致比较关注，我们都想要了解一些“element ui eltree”的相关文章。那么小编也在网上搜集了一些对于“element ui eltree””的相关文章，希望朋友们能喜欢，各位老铁们一起来了解一下吧！目前 element-ui 的 tree 控件不支持双击事件，但是这个时候有个需求,需要双击事件.
没办法,只能自己写一个咯,记录下自己写的方法
简单引用,添加@node-click事件
<el-tree ref="tree" node-key="id" :data="treeData" :expand-on-click-node="false" @node-click="handleNodeClick"> </el-tree>
在handleNodeClick事件中处理双击事件
data() { return { //定义点击次数,默认0次 treeClickCount: 0, }},methods: { //节点点击事件 handleNodeClick(data, node) { //记录点击次数 this.treeClickCount++; //单次点击次数超过2次不作处理,直接返回,也可以拓展成多击事件 if (this.treeClickCount >= 2) { return; } //计时器,计算300毫秒为单位,可自行修改 this.timer = window.setTimeout(() => { if (this.treeClickCount == 1) { //把次数归零 this.treeClickCount = 0; //单击事件处理 this.console('单击事件,可在此处理对应逻辑') } else if (this.treeClickCount > 1) { //把次数归零 this.treeClickCount = 0; //双击事件 this.console('双击事件,可在此处理对应逻辑') } }, 300); }}结束
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #element ui eltree
