antd select show-search搜索时 拼音首字母匹配汉字模糊查询

使用插件cnchar

下载 导入

npm i cnchar

import cnchar from ‘cnchar’

下拉框属性

show-search :filter-option="selectPinYin"

方法

输入拼音首字母匹配的是 value 值

selectPinYin (input, option) {if (input.charCodeAt() >= 32 && input.charCodeAt() <= 126) {return ponentOptions.children[0].text.spell('first').toLowerCase().indexOf(input.toLowerCase()) >= 0} else {return ponentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0}},

ps：参考 /JvPis

cnchar插件 /theajack/cnchar