前言
有一个表单需要输入名称和名称缩写,为了优化用户体验,让用户在输入名称的时候,实时显示名称缩写。
相关代码
需要引入一个js文件:HanziToPinyin.js
1 | export const pinyin = { |
html:
1 | <el-input v-model="editForm.name" size="mini" placeholder="公司名称" @input="inputPY"></el-input> |
js:
1 | //将含中文的字符串,中文转化为拼音首字母大写 |
效果如图所示: