vant国际化i18n问题

最新推荐文章于 2024-05-13 11:39:59 发布

A青火

最新推荐文章于 2024-05-13 11:39:59 发布

阅读量117

点赞数

文章标签： vue.js javascript 前端 npm webpack

本文链接：https://blog.csdn.net/qq_34006340/article/details/130525708

版权

vant国际化i18n问题

先安装vue-i18n依赖

npm i vue-i18n -s

创建多语言文件夹lang

// 创建en-US.js文件
export default {
    app: {
        hello: 'Hello，World!',
        name:'zhongTie'
    }
}

// 创建zh-CN.js文件
export default {
    app: {
        hello: '你好，世界！',
        name: '中铁',
    }
}

// 创建index.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import {Locale} from 'vant'
// 英文
import enUS from 'vant/lib/locale/lang/en-US'
// 中文简体
import zhCN from 'vant/lib/locale/lang/zh-CN'
import enLocale from './en-US'
import zhLocale from './zh-CN'

Vue.use(VueI18n)

const messages = {
    en: {
        ...enUS,
        ...enLocale
    },
    zh: {
        ...zhCN,
        ...zhLocale
    }
}

const i18n = new VueI18n({
    locale: 'zh',