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

完美解决!

相关推荐
一点一木32 分钟前
国内首款原生视觉编程模型实测:Doubao-Seed-Code 前端 Agent 从零完成像素画编辑器
前端·人工智能·agent
SoaringHeart1 小时前
Flutter组件封装:标签拖拽排序 NDragSortWrap
前端·flutter
zeijiershuai1 小时前
Vue 工程化、ElementPlus 快速入门、ElementPlus 常见组件-表格组件、ElementPlus常见组件-分页条组件
前端·javascript·vue.js
漫天黄叶远飞1 小时前
把原型链画成地铁图:坐 3 站路就能看懂 JS 的“继承”怎么跑
前端·javascript
bank_dreamer1 小时前
VSCODE前端代码风格格式化
前端·css·vscode·html·js·prettier·代码格式化
IT_陈寒2 小时前
90%的Python开发者不知道:这5个内置函数让你的代码效率提升300%
前端·人工智能·后端
2501_915918412 小时前
如何解析iOS崩溃日志:从获取到符号化分析
android·ios·小程序·https·uni-app·iphone·webview
网络点点滴2 小时前
Vue3的生命周期
前端·javascript·vue.js
梵得儿SHI2 小时前
Vue 核心语法之组件基础与通信:从创建到注册的完整指南
前端·javascript·vue.js·组件化开发·全局注册·vue组件的本质·局部注册和异步组件