js拼音模糊搜索

news/2024/11/24 11:44:10/

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

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


http://www.ppmy.cn/news/661374.html

相关文章

antd-select拼音首字母模糊查询

antd-select拼音首字母以及汉字模糊查询 cnchar安装引入使用spell方法stroke方法 下拉框数据下拉框重写筛选函数 百度搜了很久,jQuery方法在react里会报错,终于找到了一个可以实现的第三方库cnchar。可以实现拼音首字母以及汉字模糊查询 cnchar 安装 …

用拼音输入法字典库实现同音字模糊查询

在开发各类应用管理系统中,一般都要实现各种查询功能,如何准确、快速查找到符合条件的记录,是实现各种查询功能的重点。系统的实际开发过程中,查询功能一般都是通过对字符进行比较、判断等方法来实现。我们开发一个人事管理系统中…

苹果电脑如何设置自定义模糊拼音操作?

在苹果电脑上对拼音输入法的纠正模糊拼音选项进行个性化设置,便于在使用电脑拼音输入法时,可以有效提升工作效率。那么该如何设置自定义模糊拼音操作呢?接下来小编给大家详细介绍一下具体的操作流程,需要的朋友欢迎参考操作&#…

mybatis支持拼音、汉字模糊查询

mybatis支持拼音、汉字模糊查询 <if test"Name ! null and Name ! and Name.matches([\u4e00-\u9fa5])">and NAME like concat(%,#{Name},%)</if><if test"Name ! null and Name ! and Name .matches([a-zA-Z])">and (PINYIN like con…

Android 利用AutoCompleteTextView实现模糊搜索功能,搜索结果自动提示,识别拼音首字母并转汉字提示

这里说一下怎么利用 Android 的 AutoCompleteTextView 控件实现模糊搜索功能&#xff0c;AutoCompleteTextView 自带自动提示功能。如果 对自动提示的布局自定义要求比较高&#xff0c;可以采用 EditText 和 ListView 结合实现搜索的自动提示。 先看一下效果图&#xff1a; 先…

在Mac电脑的输入法中如何开启自动纠正模糊拼音功能?

在我们使用电脑的过程中&#xff0c;有些用户习惯根据自己的日常语言习惯来输入中文&#xff0c;这就产生很多模糊的拼音&#xff0c;在手机的输入功能里都有自动纠正模糊拼音的功能&#xff0c;但在Mac电脑中要手动开启模糊拼音纠正的功能&#xff0c;下面分享Mac电脑输入法开…

【模糊检测】

模糊检测 模糊图像特点&#xff1a;边缘模糊&#xff0c;梯度变化小。 传统方法 更多方法模糊图像检测-无参考图像的清晰度评价 - 知乎 (zhihu.com) 拉普拉斯方差 从空间域出发&#xff0c;分析模糊图像的梯度比较小。拉普拉斯算子测量图像的二阶导数&#xff0c;突出显示…

Layui-select 下拉框实现拼音全拼匹配/首字母模糊搜索

Layui layui&#xff08;谐音&#xff1a;类UI) 是一款采用自身模块规范编写的前端 UI 框架。亲测很好用&#xff0c;很好看。 官网&#xff1a;http://www.layui.com/ github&#xff1a;https://github.com/sentsin/layui 插播一条相关博客&#xff1a;Layui-select 修复搜…