分享
三行代码  ›  专栏  ›  技术社区  ›  Smokey Dawson

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

  •  0
  • Smokey Dawson  · 技术社区  · 9 月前

    这似乎是一件简单的事情,所以我不确定我在这里做错了什么,我回答了这个问题。 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 回复  |  直到 9 月前
        1
  •  0
  •   Boussadjra Brahim    9 月前

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

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