1.首先安裝

cnpm install js-pinyin --save

2.template代碼

<!-- 將企業名稱取首字符 --> <el-form-item label="企業名稱:" prop="name" style="margin-top: -25px;"><el-input v-model="unitInfo.name" maxlength="40" show-word-limit @input="createpy" /> </el-form-item><el-form-item label="唯一標識:" prop="keyword"><el-input v-model="unitInfo.keyword" :disabled="this.$route.params.orgId==='0'?false:true" placeholder="企業名稱中文字符取首字母" maxlength="40" show-word-limit /></el-form-item>

3.在js引用

import pinyin from 'js-pinyin'

4.js代碼

methods: {// 將企業名 漢字轉首字母createpy () {const name = this.unitInfo.namepinyin.setOptions({ checkPolyphone: false, charCase: 0 })this.unitInfo.keyword = pinyin.getCamelChars(name)} }

總結

以上是生活随笔為你收集整理的vue 汉字转首字母的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。