首页 > 其他分享 >el-tree需要自定义双击事件触发选择节点

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

时间:2023-06-28 23:55:47浏览次数:39  
标签:el numTime 自定义 单击 console 双击 log

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

标签:el,numTime,自定义,单击,console,双击,log
From: https://www.cnblogs.com/qingyanxd/p/17512875.html

相关文章

  • vue2+element-ui国际化实战不刷新页面
    背景有的时候我们做的项目需要支持中英文切换,那么我们就需要使用到vue-i18n插件步骤安装以及挂载安装vue-i18n依赖npmivue-i18n@8在src同级的目录下创建language文件下,在language文件夹下新增3个文件(index.js,en.js,zh.js)index.jsimportVuefrom"vue";importVu......
  • delphi如何把json传递过来的base64值转成图片
    资料来原:https://blog.csdn.net/red_eye/article/details/129634709   在Delphi中,您可以使用TNetEncoding.Base64.DecodeString方法将JSON传递过来的Base64编码字符串转换为原始二进制数据。然后,您可以将该二进制数据保存为图像文件或将其加载到TImage组件中以显示图像。以......
  • Hello,World! 6.28
    代码publicclassHello{publicstaticvoidmain(String[]args){System.out.print("Hello,World!");}}tipsjava是大小写敏感的文件名和类名必须一致输出内容尽量使用英文使用英文符号DOS命令编译命令:javac(javac+Java文件)(javacHello.java),编译后生成一个......
  • 10redis列表操作,其他操作,redis管道,django中使用redis,django缓存,序列化json和pickle,cel
    字符串和字节转换的两种方式#字符串和字节转换的两种方式 -decode,encode-直接类型转换-bytes格式的16进制,2进制,10进制的显示#字符串需要用encode,bytes格式需要用decode,但是有时候忘了#可以直接进行强转b1=bytes(s,encoding='utf-8') print(......
  • Electron App 安装包定制 -- Inno Setup 脚本 Pascal Scripting 初探
    在做Electron项目时,有个需求是安装包安装时要给客户机上装上某个软件在查看InnoSetup官网后发现是通过.iss脚本编写实现自定义安装过程可在.iss内可以添加脚本为安装过程添加逻辑为了测试方便我用vite新建一个全新的electron项目用的是这个脚手架https://github......
  • CF Gym 102994 Travel Dream
    题意求一张带权无向图中最大的\(k\)元简单环,无解输出impossible。\(1\len,m\le300,k\le10\)。注意\(k\)的范围题解\(k\)很小,存在简单办法对小环小链进行预处理,考虑折半。首先考虑怎么求长度小于等于4的链。长度为\(1,2\)的链可以直接枚举,长度为\(3\)的链......
  • 使用exceljs和file-saver导出带图片的excel表格
    参考https://www.swvq.com/article/detail/487https://github.com/exceljs/exceljs/blob/master/README_zh.md#图片importExcelJSfrom'exceljs'importfileSaverfrom'file-saver'letworkbook=nullletworksheet=null//图片转base64constco......
  • 面向对象之魔术方法(内置方法),反射,异常之自定义异常
    魔术方法(内置方法)(面试题)#类里面内置的双下划线开头的一些方法,他们具有特殊的功能,我们称之为是魔术方法,简称魔法比如:__init__"""魔术方法的学习只需要掌握每个方法什么时候触发或者执行"""1.__str__,__repr__方法#__str__,__repr__方法classStudent():def_......
  • 2、Elasticsearch单节点安装脚本
    #!/bin/bashES_VERSION=7.17.5UBUNTU_URL="https://mirrors.tuna.tsinghua.edu.cn/elasticstack/7.x/apt/pool/main/e/elasticsearch/elasticsearch-${ES_VERSION}-amd64.deb"RHEL_URL="https://mirrors.tuna.tsinghua.edu.cn/elasticstack/7.x/yum/${ES......
  • 3、Elasticsearch集群安装脚本
    #!/bin/bashES_VERSION=7.17.5UBUNTU_URL="https://mirrors.tuna.tsinghua.edu.cn/elasticstack/7.x/apt/pool/main/e/elasticsearch/elasticsearch-${ES_VERSION}-amd64.deb"RHEL_URL="https://mirrors.tuna.tsinghua.edu.cn/elasticstack/7.x/yum/${ES_......