1.先安装i18n
npm install vue-i18n
2.配置多语言文件
先进行国际化配置在src下创建一个lang文件夹并在其中创建index.js、zh.js、en.js文件(若为TS,更改文件后缀即可)
自定义语言格式
export default {
object: {
key1: "value1",
key2: "value2",
key3: "value3"
}
}
index.js中配置如下
// vue-i18n所需要引入的
import { createI18n } from 'vue-i18n'
// 本地的文件夹
import enLocale from './en'
import zhLocale from './zh'
// vant所需要引入的
import { Locale } from 'vant'
//vant中的文件夹 需要的语言和本地的语言保持一致
import enUS from 'vant/lib/locale/lang/en-US'
import zhCN from 'vant/lib/locale/lang/zh-CN'
const messages = {
en: {
...enUS,
...enLocale
},
zh: {
...zhCN,
...zhLocale
},
}
// 更新vant组件库本身的语言变化,支持国际化
function vantLocales (lang) {
if (lang === 'en') {
L