js拼音模糊搜索

最新推荐文章于 2023-04-26 17:14:35 发布

weixin_34270865

最新推荐文章于 2023-04-26 17:14:35 发布

阅读量1.5k

点赞数

文章标签：前端 python ViewUI

原文链接：https://my.oschina.net/daladida/blog/1921028

版权

2019独角兽企业重金招聘Python工程师标准>>>

https://github.com/xmflswood/pinyin-match

下面以vue-cli项目的代码做范例 1.先引用该工具，在用到的子组件单独使用

import PinyinMatch from 'pinyin-match'

2.使用computed即时过滤，注意，此方法使用与假分页

computed:{
        liveCourseListPage(){
            let that = this;
            let filterList = [];  //声明一个空的数组存放数据
            $.each(that.liveCourseList, function (index, item) { 
                if(
                    (item.courseName && PinyinMatch.match(item.courseName,that.searchKeyword))
                    || (item.teacherStr && PinyinMatch.match(item.teacherStr,that.searchKeyword))
                ){
                    filterList.push(item)
                }
            });
            return filterList.slice((that.page.pageNo-1)*that.page.pageSize,(that.page.pageNo)*that.page.pageSize);
        }
    },

转载于:https://my.oschina.net/daladida/blog/1921028