实际开发中前端实现搜索不太常见,一般来都是后台提供接口实现,但是,今日开发中遇到了,在做促销活动时,选择商品,放入促销商品列表中,然后修改商品价格,保存的逻辑,加入促销列表后的商品还没有保存,所以后台没发提供接口,而需求要求可以搜索某个商品并设置价格,于是就找了个前端插件
安装插件
npm install --save fuse.js
使用
this.allResult = this.formValidate.selectList1
// this.allResult 是全部列表 options是搜索条件 ,里面key为按某个属性搜索,weight是权重this.tempList是搜索结果
var options = {
keys: [{
name: 'skuName',
weight: 0.3
}]
}
var fuse = new Fuse(this.allResult, options)
this.tempList = fuse.search(this.keyWords)
// console.log(this.tempList)
this.formValidate.selectList1 = this.tempList
前端搜索虽然不常遇到,但是如果手写精确搜索还好,如果模糊搜索手写还是比较麻烦的