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 option.componentOptions.children[0].text.spell('first').toLowerCase().indexOf(input.toLowerCase()) >= 0
      } else {
        return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
      }
    },

ps：参考 http://t.csdn.cn/JvPis
cnchar插件 https://gitee.com/theajack/cnchar