vue本地的模糊匹配

html结构

<el-input v-model.trim="input" placeholder="请输入内容"></el-input>

渲染数据处（表格）

  <el-form-item
                v-for="item in matChing(attribute.rows, input)"
                :key="item.id"
              > 
</el-form-item>

处理函数

 matChing(list, input) {

      if (!input) return list;

      return list.filter((item) => {

        if (item.name.indexOf(input) != -1) {

          return item;

        }

      });

    }
 

 需要不区分大小写的写法

matChing(list, input) {

      if (!input) return list;

      return list.filter((item) => {

        input.toLowerCase();

        if (item.name.toLowerCase().indexOf(input.toLowerCase()) != -1) {

          return item;

        }

      });

    },