Как получить доступ к объекту события в методе с debounce - Vue - PullRequest
Новая
       7

Как получить доступ к объекту события в методе с debounce - Vue

0 голосов
/ 12 декабря 2018

Невозможно получить event объект в отрешенном методе: 

methods: {
  fetchData: _.debounce(function(e) {
    console.log(e) // return undefined
  }, 500)
}

Возможно ли получить доступ к объекту события в методе?Моя цель - проверить, какие коды клавиш что нажимали: 

if (e.keyCode >= 65 && e.keyCode <= 80) {
  // do some stuff
}

Я вызываю метод fetchData следующим образом: 

<input @keyup="fetchData()" v-model="name" type="text">

1 Ответ

0 голосов
/ 12 декабря 2018

Вот пример vue js, пропущенный @keyup="fetchData($event)" передачей события в debounce 

new Vue({
  el: '#app',
  data() {
    return {
      keywords: ''
    }
  },
  methods: {
    fetchData: _.debounce(function(e) {
      console.log(e.keyCode) // return undefined
    }, 500)
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.min.js"></script>
<div id="app">
  <input id="textInput" @keyup="fetchData($event)" />
</div>
...