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

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

例如:输入"博客",输出'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的时候是大写,可能注释有误,望大家注意!

相关推荐
琴~~28 分钟前
ant-design-vue中table某一列进行合并
前端·javascript·vue.js
sunly_1 小时前
Flutter:flutter_screenutil屏幕适配
前端·javascript·flutter
俸涛努力学前端1 小时前
ajax (一)
开发语言·前端·javascript·笔记·ajax
糯米w2 小时前
【前端】excel文件对比
前端·javascript·excel
南城巷陌2 小时前
node.js中实现router模块化管理
前端·javascript·node.js·express.router
new Vue()2 小时前
ES6中Promise的使用场景
开发语言·前端·javascript
爱写代码的派大星3 小时前
el-table :span-method 合并单元格(2.0)
前端·javascript·vue.js
夫琅禾费米线3 小时前
CSS 设置宽高的单位概览
前端·javascript·css
chusheng18403 小时前
Java 基于SpringBoot+Vue的家政服务管理平台
java·vue.js·spring boot·家政服务·家政服务平台
张雨zy3 小时前
Vue Form表单的使用,rules格式校验网络校验,键盘按键监听
javascript·vue.js