Question

这似乎是一件简单的事情，所以我不确定自己在做什么错，我遵循了这个问题如何在v-model更改时触发事件

但我似乎无法使其正常工作。

这是我的组成部分

  

<脚本>
导出默认值{
   data（）{
       返回{
           搜索词： ''
       }
   }，
   方法： {
       search（）{
           console.log（this.searchTerm）;
       }
   }
}

现在基本上我想做的是用户开始输入输入时，触发此事件并 console.log（）更新后的searchTerm，但是当我开始输入时，什么都没有记录到控制台？

我做错什么了吗？这不是您听nuxt中v模型更改的方式吗？

Answer 1

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

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

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

1 个答案: