vue.js 如何启用@click.middle？

fnvucqvd 于 2023-03-31 发布在 Vue.js

关注(0)|答案(3)|浏览(232)

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

<div id="root">
  <button @click.middle="test()">
    Click Me
  </button>
</div>

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

在他们的文档中，他们清楚地说使用@click.middle捕获事件https://v2.vuejs.org/v2/guide/events.html#Mouse-Button-Modifiers

vue.js

来源：https://stackoverflow.com/questions/44966174/how-do-i-enable-click-middle

3条答案

按热度按时间

ux6nzvsh1#

尝试捕获mouseDown事件

<div id="root">
  <button @mouseDown.middle="test">
    Click Me
  </button>
</div>

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

赞(0）回复(0）举报 2023-03-31

li9yvcax2#

我认为这与@click.right在2.2.1中不工作的bug相同：bug report .
在Vue 2.3+中似乎已修复
PS不能测试它，因为我的笔记本电脑没有鼠标中键。）

赞(0）回复(0）举报 2023-03-31

ua4mk5z43#

可以使用以下代码

<div id="root">
  <button @click.middle.exact="test()">
    Click Me
  </button>
</div>

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

赞(0）回复(0）举报 2023-03-31

我来回答

vue.js 如何启用@click.middle？

3条答案

相关问题

热门标签

最新问答