欢迎光临
我的个人博客网站

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

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

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

 

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

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

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

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

vue.js同一元素实现单击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

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » vue.js同一元素实现单击click和双击事件dblclick,执行不同功能
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏