Vue3.2 使用 汉字转拼音的插件pinyin-pro 库

Vue3.2 使用 汉字转拼音的插件pinyin-pro 库

文章目录

pinyin-pro 插件功能安装引入使用参数

pinyin-pro 插件功能

支持汉字、词语、句子多种格式输入获取获取拼音获取声母获取韵母获取拼音首字母获取音调获取多音字的多种拼音支持人名姓氏模式支持自定义拼音支持字符串和数组两种输出形式

安装

npm install pinyin-pro

引入

import { pinyin } from 'pinyin-pro';

pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'

使用

import { pinyin } from 'pinyin-pro';

// 获取带音调拼音

pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'

// 获取不带声调的拼音

pinyin('汉语拼音', { toneType: 'none' }); // 'han yu pin yin'

// 获取声调转换为数字后缀的拼音

pinyin('汉语拼音', { toneType: 'num' }); // 'han4 yu3 pin1 yin1'

// 获取数组形式带音调拼音

pinyin('汉语拼音', { type: 'array' }); // ["hàn", "yǔ", "pīn", "yīn"]

// 获取数组形式不带声调的拼音

pinyin('汉语拼音', { toneType: 'none', type: 'array' }); // ["han", "yu", "pin", "yin"]

// 获取数组形式声调转换为数字后缀的拼音

pinyin('汉语拼音', { toneType: 'num', type: 'array' }); // ["han4", "yu3", "pin1", "yin1"]

参数

pinyin(word, options) 接收两个参数

word:必填。String 类型,需要转化为拼音的中文 options:可选。Object 类型,用于配置各种输出形式,options 的键值配置如下:

pinyin(item.title.slice(0,1),{toneType:'none'}).charAt(0) //截取第一个字母

相关推荐