Vue 汉字转大写首字母（非汉字直接输出）

写轮子是不可能写轮子的，这辈子都不可能写轮子，只有用用大佬的代码这样子 —切格瓦拉

1.首先安装开源文件

npm install js-pinyin --save

2.成功后引入

import pinyin from 'js-pinyin'

3.使用（在另一个输入框直接用:onpropertychange="getPinYin(form.name)"）
在antD vue中使用时，用onpropertychange会产生更新循环的错，原因在于，使用这个后，其他字段修改也会调用该方法，造成循环了，后改为@input，可行。
报错原因不详，目前猜测是因为antD vue使用的v-decorator绑定值而非v-model，导致值在form对象中，而非单个属性，所以造成onpropertychange对当前的对象变更进行监听了。

 /*** 通过传入中文名称获取首拼* 汉字转首拼大写，数字或字母原样输出*/getPinYin(name){/*** 声明变量存储首拼*/var char = ''/*** 调用设置属性*/pinyin.setOptions({checkPolyphone:false,charCase:0});/*** 跟据传入文字调用方法进行转换*/char = pinyin.getCamelChars(name);/*** 赋值检索码*/this.form.indexcode = char;},

来自github开源项目
github地址： https://github.com/waterchestnut/pinyin

Vue 汉字转大写首字母（非汉字直接输出）相关推荐

vue提取字符串中中文汉字的大写首字母
vue提取字符串中中文汉字的大写首字母 1.需求背景最近开发vue项目,在关于药品的项目中有个需求是要提取药品中文名称的首字母组成拼音码,例如:六味地黄丸提取首字母后是LWDHW. 解决方案这里需 ...
取汉字拼音大写首字母
下面代码可以取得汉字拼音的每个开头的大写字母 public class GB2Alpha { //字母Z使用了两个标签,这里有27个值 //i, u, v都不做声母, 跟随前面的字母 private ...
C#获取汉字拼音或首字母
C#获取汉字拼音或首字母获取汉字拼音直接上代码 /// <summary> /// 在指定的字符串列表CnStr中检索符合拼音索引字符串 /// </summary> // ...
SqlServer 获取汉字的拼音首字母
一.该函数传入字符串,返回数据为:如果为汉字字符,返回该字符的首字母,如果为非汉字字符,则返回本身. 二.用到的知识点:汉字对应的UNICODE值,汉字的排序规则. 三.数据库函数: CREATE F ...
PHP 获取第一个汉字大写首字母
PHP 获取第一个汉字大写首字母 /*** MethodName:获取第一个汉字大写首字母* Comment:*/ function getFirstCharters($str) {if (empty ...
C# 汉字转拼音首字母大写
我们在手机上经常都能看到通过拼音缩写来搜索好友信息,那么它是如何将一段汉字转换为首字母大写呢首先我们来了解一下中文在计算机中的结构.计算机识别的是字节,字节(Byte)是计算机信息技术用于计量存储容 ...
vue+iview实现拼音、首字母、汉字模糊搜索
最近项目做的后台管理系统中,要求实现一个支持拼音.首字母和汉字模糊搜索的下拉框.项目是用vue+iview做的,iview中有select远程搜索.但是,iview框架也有弊病就是会将输入框中的输入值 ...
C# 获取汉字的拼音首字母(转)
原文:https://blog.csdn.net/younghaiqing/article/details/62417269 一种是把所有中文字符集合起来组成一个对照表:另一种是依照汉字在Unicod ...
C# 获取汉字的拼音首字母和全拼（含源码）
C# 获取汉字的拼音首字母一种是把所有中文字符集合起来组成一个对照表:另一种是依照汉字在Unicode编码表中的排序来确定拼音的首字母.碰到多音字时就以常用的为准(第一种方法中可以自行更改,方法为手 ...

Vue 汉字转大写首字母（非汉字直接输出）

Vue 汉字转大写首字母（非汉字直接输出）相关推荐

最新文章

热门文章