fuse.js在Vue中的使用

最新推荐文章于 2025-07-06 00:18:07 发布

zhenyu-s5

最新推荐文章于 2025-07-06 00:18:07 发布

阅读量1.2w

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_36022290/article/details/84188125

本文详细介绍fuse.js搜索库的安装及使用方法，包括如何导入fuse.js，设置搜索选项，如指定搜索字段和权重，以及如何执行搜索并获取结果。

一：地址

https://www.npmjs.com/package/fuse.js

二：安装之后的使用

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))
},