VueJS - v-on 指令 - 在输入 x 个字符后调用函数

【问题标题】：VueJS - v-on directive - call function after x characters in inputVueJS - v-on 指令 - 在输入 x 个字符后调用函数
【发布时间】：2020-11-22 15:08:02
【问题描述】：

我有这个输入文本字段：

<input v-model="filterName" v-on:input="search()" type="text" class="form-control" id="carrierName" placeholder="Name">

在输入文本中输入任何字符后，就会调用 search() 函数。

我想要的是 search() 函数仅在我在文本输入中输入至少 x 个字符时才被调用。

我怎样才能做到这一点？有可能吗？

【问题讨论】：

标签： javascript html vue.js

【解决方案1】：

我想您只能使用额外的处理程序来实现这一点：

<input v-model="filterName" v-on:input="onInput" type="text" class="form-control" id="carrierName" placeholder="Name">
...
methods: {
  onInput() {
    if (filterName.length > 5) {
      search()
    }
  }
}

【讨论】：

好的，我知道这个灵魂，认为 v-on 指令也可以。
很遗憾，没有。