Vue实现中文自动匹配首拼音功能

• 当有一个需求的，这边输入框输入汉字，右边输入框自动显示对应的首拼音
• 使用js-pinyin解决输入中文自动匹备首拼音功能

cnpm install js-pinyin

• 在组件中引入插件

import pinyin from 'js-pinyin'

• 给input绑定change事件

handleChangeGroup(e) {
  // 根据名称自动生成名称首拼音并且大写
  let  han = /^[\u4e00-\u9fa5]+$/;
  if (!han.test(e)) {
    this.$message.error("请输入正确的汉字");
    return
  } else {
    this.formInline.codeChecking = pinyin.getCamelChars(e)
  }
}