vue中，使用fuse.js进行模糊搜索

vue中，使用fuse.js进行模糊搜索

1、基本介绍

Fuse.js是一个功能强大、轻量级的模糊搜索库，没有依赖关系。简单使用步骤如下：

npm地址：https://www.npmjs.com/package/fuse.js

1、安包

npm install --save fuse.js

2、在vue页面中引入：

import Fuse from 'fuse.js';//引入

//搜索需要的信息
search(xxxx){
  //搜索的所有信息数据
  var books = this.allResult;
  //console.log(books)
  //需要搜索哪个？，分配的权重？
  var options = {
    keys: [{
     name: 'ProductIDName',
     weight: 0.3
    }]
  };
  //创建新的fuse
  var fuse = new Fuse(books, options)
  //搜索并得到结果
  this.tableConfig.tableData=fuse.search(xxxx)
  //console.log(fuse.search(xxxx))
},

2、实例

效果

index.vue