zoukankan      html  css  js  c++  java
  • vue.js同一元素实现单击click和双击事件dblclick,执行不同功能

    做项目的时候,总是会遇见一个元素或者按钮在不同的需求下,需要做不同的功能处理。

    在这里我们以table表为例,我这里是用的vue.js和element做的前端

    如图所示:(可以单击姓名或者双击姓名)

     功能需求:单击姓名弹出模态框查看信息,双击姓名跳转到另一界面实现别的操作。

    在HTML代码中加上点击事件:click是单击事件,dblclick是双击事件

    然后再js中写上自己的方法就可以了

     1       methods: { 
     2        //单击姓名行绑定
     3         clickselect: function (row) {
     4            //写你需要执行的功能代码
     5            
     6         },
     7         //双击姓名行绑定
     8         dblclickselect: function (row) {
     9             //写你需要执行的功能代码
    10         },
    11 }

    创作不易,如若转载,请备明出处,谢谢!

    https://www.cnblogs.com/yifeixue/p/13804205.html

  • 相关阅读:
    struts2 DMI
    MFC添加背景图片
    c++ 副本构造器
    climits
    Qt中的qreal
    Http概述(一)
    重构学习-重构原则
    QDir的mkdir和mkpath区别
    Qt学习笔记网络(一)
    Qt5 新特性
  • 原文地址:https://www.cnblogs.com/yifeixue/p/13804205.html
Copyright © 2011-2022 走看看