我正在寻找仅在输入 3 个字母时才过滤的程序中的命令

Question

我在程序中寻找仅在输入 3 个字母时才进行过滤的命令。有谁知道我需要查找什么命令或代码才能找到它？

可能也是Vue-Command，因为我的程序是用Vue.js.

写的

谢谢

Answer 1

你可以在一段时间后使用去抖动来执行一些功能，在这里你也可以添加一个条件来检查输入的长度然后执行逻辑。

const input = document.getElementById("myInput");

function callApi() {
    if(input.value.length >= 3) {
        console.log("Hello JS")
    }
}

function debounce( callback, d ) {
    let timeout;
    return function() {
        clearTimeout(timeout);
        timeout = setTimeout( callback, d );
    }
}

myInput.addEventListener(
    "keyup",
    debounce(callApi, 500 )
);

<label for="myInput">Type something in!</label>
<input id="myInput" type="text">

Answer 2

首先将搜索输入传递给函数，然后验证输入。如果通过验证，则继续搜索。

假设这是您的搜索输入

<input v-model="searchInput"/>

添加输入事件处理程序

<input v-model="searchFor" @input="searchHandler"/>

然后使用 searchHandler 方法验证搜索输入

new Vue({

  methods: {
    searchHandler (text) {
      if(text.length > 2){
      // Write your code on here
      }
    }
  }

})

我正在寻找仅在输入 3 个字母时才过滤的程序中的命令

I am looking for the command in a program that filters only when 3 letters are entered

filter

searchbar

.when

vue.js