代码之家 › 专栏 › 技术社区 › Smokey Dawson

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

nuxt.js vuejs2 vue.js

0

Smokey Dawson · 技术社区 · 7 年前

这似乎是一件简单的事情,所以我不确定我在这里做错了什么,我回答了这个问题。 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() 更新后的搜索词,但当我开始键入时,没有任何记录到控制台??

我做错什么了吗?这不是你听nuxt中v-model变化的方式吗?

1 回复 | 直到 7 年前

1

0

Boussadjra Brahim 7 年前

尝试使用 @input 而不是 @change 事件如下:

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