vue-i18n国际化的问题

最新推荐文章于 2024-09-10 11:56:39 发布

sunphp开发者

最新推荐文章于 2024-09-10 11:56:39 发布

阅读量268

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_28546559/article/details/137685686

版权

本文介绍了如何在Vue组件中通过函数返回props的值，避免直接引用；独立创建i18n对象并导入JSON文件，以便在多个地方使用`this.$t`方法；以及如何利用工具快速实现国际化(DUI18n)的配置过程。

摘要由CSDN通过智能技术生成

1，vue组件中props不能直接引用，要通过function(){return }返回结果

props:{
			label:{
				type:String,
				default:function(){
					return this.$t('components.im-info.im-info.169854-0')
				}
			}
		}

2，单独建立i18n对象的js文件，方便通过其它js引入，也可以支持this.$t方法调用

import Vue from 'vue';
import VueI18n from 'vue-i18n';


import en from './en.json'
import zhHans from './zh-Hans.json'
import zhHant from './zh-Hant.json'

let messages={
	en,
	'zh-Hans':zhHans,
	'zh-Hant':zhHant
};

let i18nConfig={
	locale:uni.getLocale(),
	silentTranslationWarn: true,//静默提示
	messages
}
Vue.use(VueI18n)
const i18n=new VueI18n(i18nConfig);


export default i18n

3，使用工具快速国际化Du i18n