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": "位置"
	},
}

完美解决!

相关推荐
UXbot2 小时前
AI原型设计工具如何支持团队协作与快速迭代
前端·交互·个人开发·ai编程·原型模式
ZC跨境爬虫3 小时前
跟着MDN学HTML_day_48:(Node接口)
前端·javascript·ui·html·音视频
PieroPc4 小时前
CAMWATCH — 局域网摄像头监控系统 Fastapi + html
前端·python·html·fastapi·监控
巴巴博一5 小时前
2026 最新:Trae / Cursor 一键接入 taste-skill 完整教程(让 AI 前端告别“AI 味”)
前端·ai·ai编程
kyriewen5 小时前
半夜三点线上崩了,AI替我背了锅——用AI排错,五分钟定位三年老bug
前端·javascript·ai编程
kyriewen6 小时前
我让 AI 当了 24 小时全年无休的“毒舌考官”
前端·ci/cd·ai编程
hexu_blog6 小时前
vue+java实现图片批量压缩
java·前端·vue.js
IT_陈寒6 小时前
为什么你应该学习JavaScript?
前端·人工智能·后端
lifejump7 小时前
Empire(帝国)CMS 7.5 XSS注入
前端·安全·xss
无风听海7 小时前
OAuth 2.0 前端通道与后端通道深入剖析
前端·oauth