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

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

所以我直接把文件拿过来了,通过对象的方式去取。

html 复制代码
<!-- index.nvue 文件 -->
<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>
json 复制代码
// en_us.json
{
	"Tabbar": {
        "Position": "Position"
    },
}
json 复制代码
// zh_cn.json
{
	"Tabbar": {
	    "Position": "位置"
	},
}

完美解决!

相关推荐
续亮~2 小时前
6、Redis系统-数据结构-05-整数
java·前端·数据结构·redis·算法
顶顶年华正版软件官方3 小时前
剪辑抽帧技巧有哪些 剪辑抽帧怎么做视频 剪辑抽帧补帧怎么操作 剪辑抽帧有什么用 视频剪辑哪个软件好用在哪里学
前端·音视频·视频·会声会影·视频剪辑软件·视频剪辑教程·剪辑抽帧技巧
托尼沙滩裤4 小时前
【js面试题】js的数据结构
前端·javascript·数据结构
不熬夜的臭宝4 小时前
每天10个vue面试题(一)
前端·vue.js·面试
不如喫茶去5 小时前
VUE自定义新增、复制、删除dom元素
前端·javascript·vue.js
长而不宰5 小时前
vue3+electron项目搭建,遇到的坑
前端·vue.js·electron
阿垚啊5 小时前
vue事件参数
前端·javascript·vue.js
过去式的美好7 小时前
vue前端通过sessionStorage缓存字典
前端·vue.js·缓存
Simaoya7 小时前
vue判断元素滚动到底部后加载更多
前端·javascript·vue.js
头顶一只喵喵7 小时前
Vue基础知识:Vue3.3出现的defineOptions,如何使用,解决了什么问题?
前端·javascript·vue.js·vue3