Есть ли способ привязать ярлыки к кнопкам в Vue. js без плагинов? - PullRequest
2 голосов
/ 09 января 2020

Поэтому мой вопрос касается привязки некоторых сочетаний клавиш, например v-on:keyup.enter="someEvent()", к кнопкам в пользовательском интерфейсе <button :click="someEvent()">$t{{ nameOfBtn }}<button>. Возможно, есть способ объединить эти два в одном теге. Я играл с этими двумя привязками, но не получил желаемого результата.

Примечание: я не могу использовать какие-либо плагины.

1 Ответ

1 голос
/ 09 января 2020

https://vuejs.org/v2/guide/events.html#Key -Модификаторы

Вы можете связать обработчики ключей, но это может не иметь смысла для кнопки. Прессы в поле ввода фиксируются на элементе, но большинство других являются глобальными для страницы. Вы можете добавить слушателя, когда ваш компонент создан, хотя ...

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