首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Vuejs 2 @click.middle不工作

Vuejs 2 @click.middle不工作
EN

Stack Overflow用户
提问于 2017-07-07 08:33:28
回答 2查看 3.9K关注 0票数 2

我想用@click.middle捕捉鼠标中键点击事件,但似乎什么也没发生。有人知道为什么吗?https://jsfiddle.net/c25e35uh/

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div id="root">
  <button @click.middle="test()">
    Click Me
  </button>
</div>

new Vue({
  el: '#root',
  methods: {
    test () {
        alert('me')
    }
  }
})

在他们的文档中,他们明确表示使用@click.middle来捕获事件https://vuejs.org/v2/guide/events.html#Mouse-Button-Modifiers

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-07-07 09:57:00

尝试捕获mouseDown事件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div id="root">
  <button @mouseDown.middle="test">
    Click Me
  </button>
</div>

new Vue({
  el: '#root',
  methods: {
    test () {
        alert('me')
    }
  }
}) 
票数 1
EN

Stack Overflow用户

发布于 2017-07-07 10:44:38

我认为这是与2.2.1:bug report中不起作用的@click.right相同的错误。

它似乎在Vue 2.3+中被修复了

PS无法测试它,因为我的笔记本电脑没有鼠标中键。双击标签是在我的笔记本电脑上右击;)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44966174

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文