vue实现模糊查询搜索

时间:2025-01-30 13:38:41
       <bz-input
        size="small"
        class="search"
        v-model="value"
        placeholder="请输入关键字搜索"
      >
        <template v-slot:left-icon>
          <img class="icon" src="../../assets/img/综合查询/搜索.png" alt="" />
        </template>
      </bz-input>


  //存储初始值
 ("fydataInfo", ());

 watch: {
    // 模糊查询搜索
    value(newVal, oldVal) {
      if () {
        clearTimeout();
      }
      (newVal, oldVal);
      if (newVal == "") {
        // 取值
        let add = ("fydataInfo");
        ((add));
        if (newVal == "") {
           = (add);
        }
      } else {
       // 用于模糊查询
         = setTimeout(() => {
          const result = [];
          (item =>{
            if((newVal) !== -1){
              (item)
            }
          })
          (result);
           = result;
        }, 100);
      }
    },
  },