使用插件 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