有没有办法在没有插件的情况下将快捷方式绑定到 Vue.js 中的按钮？

Question

所以我的问题是关于绑定一些键盘快捷键，例如v-on:keyup.enter="someEvent()"到 UI 中的<button :click="someEvent()">$t{{ nameOfBtn }}<button> 。 也许有一种方法可以将这两者结合在一个标签中。 我一直在玩这两个绑定，但没有得到任何理想的结果。

注意：我不能使用任何插件。

Answer 1

https://v2.vuejs.org/v2/guide/events.html#Key-Modifiers

您可以绑定 keyup 处理程序，但在按钮中可能没有意义。 输入字段中的按下被捕获到元素，但大多数其他按钮是页面的全局。 您可以在创建组件时添加一个侦听器...

{
  created: function () {
    window.addEventListener('keyup', this.previous)
  },
  methods: {
    previous: function (e) {
      // check key code
    }
  },
  beforeDestroy: function () {
    // remove listener
  }
}