浏览器及小程序中文转拼音

uniapp环境

uniapp环境中，需要根据用户输入的姓名自动转拼音，可使用 pinyin-pro 库，专为浏览器和小程序设计，以下是具体步骤：

1.安装库依赖

npm install pinyin-pro --save

2.在main.js引入并封装

// 引入pinyin库
import { pinyin } from 'pinyin-pro'
// 封装统一的拼音转换方法
const pinyinUtil = {
  toPinyin(text, options = {}) {
    const defaultOptions = {
      toneType: 'none',    // 无声调
      pattern: 'pinyin',   // 完整拼音
      type: 'string',      // 返回字符串
      ...options           // 允许覆盖默认配置
    }
    return pinyin(text, defaultOptions).replace(/\s/g, '')
  }
}
// 挂载到 Vue 原型，全局可用
Vue.prototype.$pinyin = pinyinUtil.toPinyin

3.在具体文件中使用

const pinyinResult = this.$pinyin(text);

如是node环境，还可使用pinyin.js库