vue.js同一元素实现单击click和双击事件dblclick,执行不同功能

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

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

 

如图所示：（可以单击姓名或者双击姓名）

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

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

 

 

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

 

      methods: { 
       //单击姓名行绑定
        clickselect: function (row) {
           //写你需要执行的功能代码
           
        },
        //双击姓名行绑定
        dblclickselect: function (row) {
            //写你需要执行的功能代码
        },
}

 

 

创作不易，如若转载，请备明出处，谢谢！

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