前端搜索实现

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

安装插件

 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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。