uniapp vue-i18n 中英文配置

npm install vue-i18n

main.js

//main.js


import Vue from 'vue'
import App from './App'
import i18n from '@/common/i18n';


const app = new Vue({
	i18n,
    ...App
})
app.$mount()

i18n/index.js

//i18n/index.js

import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
// 引入各个语言配置文件
import zhCN from './lang/zhCN.js'
import enUS from './lang/enUS.js'

// 创建vue-i18n实例i18n
const i18n = new VueI18n({
  // 设置默认语言
  locale: uni.getStorageSync('language') || 'chs', // 语言标识
  // 添加多语言(每一个语言标示对应一个语言文件)
  messages: {
    'chs': zhCN,
    'eng': enUS
  }
})

// 暴露i18n
export default i18n

zhCN.js

var zhLocale = {
	zh:'中文',
	en:'英文',
}
export default zhLocale;

enUS.js

var enLocale = {
	zh:'Chinese',
	en:'English',
}
export default enLocale;


使用

<text>{{$t('login.rememberPsw')}} </text>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值