vue 汉字转首字母

最新推荐文章于 2024-05-07 14:49:51 发布

Zero-To-One

最新推荐文章于 2024-05-07 14:49:51 发布

阅读量588

点赞数 1

分类专栏： # vue2 文章标签： vue.js ui 前端

本文链接：https://blog.youkuaiyun.com/weixin_37580383/article/details/121377733

版权

vue2 专栏收录该内容

31 篇文章

订阅专栏

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.name
        pinyin.setOptions({ checkPolyphone: false, charCase: 0 })
        this.unitInfo.keyword = pinyin.getCamelChars(name)
    }
}