v-on：更改 nuxt.js 中不调用方法

Question

这似乎是一件简单的事情，所以我不确定我在这里做错了什么，我关注了这个问题how to fire an event when v-model changes

但我似乎无法让它工作..

这是我的组件

<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，但是当我开始输入时，控制台没有记录任何内容？？

我做错了吗？这不是你在 nuxt 中监听 v-model 变化的方式吗？

Answer 1

尝试像这样使用@input 而不是@change 事件：

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