uni-app的nvue文件国际化不翻译问题解决办法

官网上的nvue国际化方式介绍的实在是太简单了,记得要引入下message文件,还要用uni.setLocale()设置下,但是不管我怎么引入都会报错。

uni-app的nvue文件国际化不翻译问题解决办法_第1张图片
所以我直接把文件拿过来了,通过对象的方式去取。


<view>
	<text>{{ i18n.Position }}text>
view>

<script>
	import zh from '@/common/languages/zh_cn.json'; //简体中文
	import en from '@/common/languages/en_us.json'; //英文

	export default {
		computed: {
			i18n() {
				let locale = uni.getStorageSync('locale'); // 同事把中英文存在Storage中了
				return locale == 'en' ? en.Tabbar : zh.Tabbar
			}
		},
	}
script>
// en_us.json
{
	"Tabbar": {
        "Position": "Position"
    },
}
// zh_cn.json
{
	"Tabbar": {
	    "Position": "位置"
	},
}

完美解决!

你可能感兴趣的:(uni-app,前端,国际化,翻译,nvue)