vue输入中文，获取英文首字母缩写

hjt_未来可期2024-11-07 16:15

背景：要求输入中文的时候，系统给出对应的首字母大写，作为拼音。

例如：输入"博客"，输出'BK' 等等......

经查：使用 js-pinyin 这个第三方插件即可实现

1. 下载依赖

javascript 复制代码

npm install js-pinyin
或者
yarn add js-pinyin

2. 导入包使用

javascript 复制代码

import pinyin from 'js-pinyin'

3. 使用方法

javascript 复制代码

<el-input v-model="name" @change="changeIndName"></el-input>
changeIndName (e) {
  let char = ''
  pinyin.setOptions({ checkPolyphone: false, charCase: 2 })
  char = pinyin.getCamelChars(e)
},

关于setOptions函数中两个参数解释如下

使用过程中我发现：charcase传0的时候是全部拼音，1的时候是首字母小写，2的时候是大写，可能注释有误，望大家注意！