element el-select 支持拼音码和中文检索检索的时候必须加属性 filterable

1.下载拼音码包导入进来

npm  install --save pinyin
import pinyin from 'pinyin'

2.修改element el-select 源码

import {escapeRegexpString    //这个方法是element el-select 检索方法 导入进来
} from 'element-ui/src/utils/util'ElementUI.Option.methods.queryChange = function (query) {const reg = new RegExp(escapeRegexpString(query), 'i')const firstLetter = pinyin(this.currentLabel, {style: pinyin.STYLE_FIRST_LETTER}).join('')this.visible = reg.test(this.currentLabel) || reg.test(firstLetter) || this.createdif (!this.visible) {this.select.filteredOptionsCount--}
}
Vue.use(ElementUI)

element el-select 支持拼音码和中文检索检索的时候必须加属性 filterable相关推荐

让你的查询支持中文拼音码模糊查询。
需求:在做软件的过程中,发现不少客户在做数据检索时,打汉字怕麻烦,也影响工作效率,要求在查询时,支持查询汉字的字母开头查询. 做到支持数据库拼音码查询,主要分一下几步实现: 1.在数据库中建立一个sy ...
使用Element UI 开发页面遇到的问题之下拉菜单支持拼音缩写查询
下拉菜单支持拼音缩写查询下拉菜单其实就是select选择器下拉菜单,功能就是可以支持拼音缩写查询 1.既然要用到拼音搜索,我们就需要一个拼音库,在这里我推荐一个第三方包:https://github ...
C#输入姓名或者拼音码（姓名的首字母，大小写均可）进行快速模糊查找
第一步:在SQL Server中编写获取输入汉字的拼音码函数,详见SQL Server编写函数获取汉字的拼音码(首字母) 第二步:增加含有拼音码字段的人员记录 private void button_ ...
jieba分词_Jieba.el – 在Emacs中使用jieba中文分词
jieba.el 在Emacs中使用jieba中文分词众所周知, Emacs并没有内置中文分词系统, 以至于 forward-word 和 backward-word 以及 kill-word 等以 ...
Oracle 拼音码函数
拼音码 select comm.fun_spellcode('数据库') from dual 结果 : SJK 函数 1 CREATE OR REPLACE FUNCTION COMM.FUN_SPE ...
支持拼音检索的TextBox扩展控件-使用
我的上一个支持拼音检索的TextBox扩展控件,由于有些网友留言和发邮件问如何用, 如:菜鸟AAA等当时想到肯定大家都会用,就没上传示例程序. 原文为:http://www.cnblogs.com/w ...
Excel2016通过宏生成拼音码
一:视图---->宏---->录制宏二:试图---->宏---->查看宏三:点击编辑,输入如下代码片段,点击保存,并选择是 Function pinyin(p As Str ...
SQLserver获取汉字的拼音码和五笔码
```sql --获取汉字的首字母拼音码 select dbo.f_get_PY('某某某',LEN('某某某')) --获取汉字的五笔码 select dbo.f_get_WB('某某某',LEN( ...
SQL语句查询拼音码
通过FUN_GETPY获取字段拼音码 select czydm,czymc, LOWER(FUN_GETPY(czymc)) PYM from code_czydm 运行结果
用element-ui el-select 实现拼音码搜搜功能ts版
我是参考这个改写的,js版请看这篇文章Vue项目中实现ElementUi框架el-select拼音搜索功能_a-slow-sparrow的博客-CSDN博客_el 搜索用ts写的,请看下面. 第一 ...

element el-select 支持拼音码和中文检索检索的时候必须加属性 filterable

1.下载拼音码包导入进来

2.修改element el-select 源码

element el-select 支持拼音码和中文检索检索的时候必须加属性 filterable相关推荐

最新文章

热门文章

element el-select 支持拼音码和中文检索 检索的时候必须加属性 filterable

1.下载拼音码包导入进来

2.修改element el-select 源码

element el-select 支持拼音码和中文检索 检索的时候必须加属性 filterable相关推荐

最新文章

热门文章

element el-select 支持拼音码和中文检索检索的时候必须加属性 filterable

element el-select 支持拼音码和中文检索检索的时候必须加属性 filterable相关推荐