element拼音模糊搜索

news/2024/11/24 13:32:55/

在这里插入图片描述

1.安装依赖(npm有问题就用cnpm)

npm install pinyin-match --save 
cnpm install pinyin-match --save

2.引用

import pinyin from 'pinyin-match'

3.关键代码

pinyin.match(data, value); //data匹配的内容,value输入的内容

4.示例

<template><div><el-inputplaceholder="输入关键字进行过滤"v-model="filterText"></el-input><el-treeref="treeRef":props="{ children: 'children', label: 'label'}":data="personData"node-key="userId"show-checkbox:filter-node-method="filterNode":default-checked-keys="dialogObj.smsUsersId"></el-tree></div>
</template><script>import pinyin from 'pinyin-match';export default {data() {return {filterText: '',personData: [],dialogObj:{smsUsersId: []}};},watch: {filterText(val) {this.$refs.treeRef.filter(val);}},methods: {filterNode(value, data) {if (!value) return true;return pinyin.match(data.label, value); //拼音模糊搜索// return data.label.indexOf(value) !== -1; //原版模糊搜索}}};
</script>

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

相关文章

中文拼音模糊查询的一种解决方法

目前在ASP.Net平台下中文拼音模糊查询的方法有好几种。不外乎都是把拼音的码放到数据库里。 今天发现另一种解决的办法。网上有人把拼音码做成SQL Server的PLUGIN&#xff0c;通过存储过程来调用。 支持GBK,BIG5,也支持词组查询。 访问这个网址&#xff1a;http://www.cppfa…

拼音匹配模糊搜索

pinyin-engine 这是一款简单高效的拼音匹配引擎&#xff0c;它能使用拼音够快速的检索列表中的数据。 使用索引以及缓存机制&#xff0c;从而在客户端实现毫秒级的数据检索它的字典数据格式经过压缩处理&#xff0c;简体中文版本仅仅 17kb 大小&#xff08;Gzip&#xff09;支…

前端模糊搜索,拼音模糊搜索,js拼音模糊搜索

zpinyin轻量级高性能的前端拼音模糊检索js插件 前言 zpinyin轻量级前端拼音模糊检索插件 使用原数据与索引数据区分模式&#xff0c;原数据大小不会对检索查询速度造成影响。 检索索引一次建立后续直接使用&#xff0c;大幅优化检索效率。 概述 该插件收录常用汉字6763个 支…

前端js实现模糊搜索和拼音搜索

前端在列表搜索功能中&#xff0c;经常遇到有很多属性的列表&#xff0c;属性的内容可能还有汉字&#xff0c;精准匹配太局限了&#xff0c;搜索条件需要很精准。 通过正则表达式进行模糊匹配 //input为输入的搜索内容 //生成input正则表达式进行模糊匹配 let inputArr inpu…

通过拼音模糊搜索汉字的功能实现

一、原由 前一段时间用php实现通讯录系统&#xff0c;需要用到拼音查找汉字功能&#xff0c;匹配通讯录的姓名字段&#xff0c;于是在网上搜索已有的开源代码&#xff0c;下面总结和分析一下思路和具体实现。 二、思路 查找了网上的多种解决方案&#xff0c;大致分为几类&am…

js实现拼音模糊搜索

模糊搜索工具函数 思路&#xff1a;通过查字典的方式&#xff0c;实现模糊匹配 话不多说&#xff0c;以下是模糊搜索的工具函数 const SimplePinYin {_pyvalue: [a,ai,an,ang,ao,ba,bai,ban,bang,bao,bei,ben,beng,bi,bian,biao,bie,bin,bing,bo,bu,ca,cai,can,cang,cao,ce,…

中文相似度匹配算法

基于音形码的中文字符串相似度算法 背景介绍 字符串相似度算法是指通过一定的方法,来计算两个不同字符串之间的相似程度。通常会用一个百分比来衡量字符串之间的相似程度。字符串相似度算法被应用于许多计算场景,在诸如数据清洗,用户输入纠错,推荐系统, 剽窃检测系统,自…

(已实现)Mysql实现模糊拼音查询(Mybatis可直接使用)

Mysql实现模糊拼音查询 先看效果实现流程1. 创建汉字拼音对照临时表2. 插入数据3. 创建汉字转换拼音函数4. 测试函数是否好使 测试结果1. 创建USER测试表2. 插入USER测试数据3. 开始测试 先看效果 实现流程 1. 创建汉字拼音对照临时表 -- 创建汉字拼音对照临时表 CREATE TABL…