前端搜索实现

实际开发中前端实现搜索不太常见，一般来都是后台提供接口实现，但是，今日开发中遇到了，在做促销活动时，选择商品，放入促销商品列表中，然后修改商品价格，保存的逻辑，加入促销列表后的商品还没有保存，所以后台没发提供接口，而需求要求可以搜索某个商品并设置价格，于是就找了个前端插件

安装插件

 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

前端搜索虽然不常遇到，但是如果手写精确搜索还好，如果模糊搜索手写还是比较麻烦的