v-on: изменить не вызывающий метод в nuxt.js

Question

Это кажется простым делом, поэтому я не совсем уверен, что я делаю здесь неправильно, я следовал за этим вопросом как вызвать событие при изменении v-модели

но я не могу заставить его работать ..

Это мой компонент

<template>
    <div>
        <input type="text" v-model="searchTerm" v-on:change="search" />
    </div>
</template>

<script>
export default {
   data() {
       return {
           searchTerm: ''
       }
   },
   methods: {
       search() {
           console.log(this.searchTerm);
       }
   }
}
</script>

Теперь я в основном пытаюсь сделать, когда пользователь начинает вводить данные, запустить это событие и console.log() обновленный searchTerm, но когда я начинаю печатать, на консоли ничего не регистрируется ??

Я что-то не так делаю?Разве это не то, как вы слушаете изменения v-модели в nuxt?

Answer 1

Попробуйте использовать @input вместо @change события, например:

  <template>
     <div>
          <input type="text" v-model="searchTerm" v-on:input="search" />
     </div>
  </template>