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

完美解决!

相关推荐
ProgramHan1 分钟前
React 19 新特性深度解析:告别 useEffect 的时代
前端·react.js·前端框架
次元工程师!2 分钟前
Sa-Token完成路由鉴权
java·服务器·前端
IT_陈寒5 分钟前
Redis 7.0 实战:5个被低估但超实用的新特性,让你的QPS提升40%
前端·人工智能·后端
web守墓人14 分钟前
【前端】ikun-pptx编辑器前瞻问题四:通过AI编写一个前端pptx编辑器
前端
泰勒疯狂展开15 分钟前
Vue3研学-标签ref属性与TS接口泛型
前端·javascript·vue.js
小二·16 分钟前
前端 DevOps 完全指南:从 Docker 容器化到 GitHub Actions 自动化部署(Vue 3 + Vite)
前端·docker·devops
忒可君16 分钟前
2026新年第一篇:uni-app + AI = 3分钟实现数据大屏
前端·vue.js·uni-app
行走的陀螺仪17 分钟前
UniApp 横向可滚动 Tab 组件开发详解
uni-app·封装组件·tabs·自定义封装组件·可滚动组件tab
Komorebi゛17 分钟前
【CSS】线性流动边框样式
前端·css·css3
2501_9159184121 分钟前
介绍如何在电脑上查看 iPhone 和 iPad 的完整设备信息
android·ios·小程序·uni-app·电脑·iphone·ipad