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

完美解决!

相关推荐
懒得不想起名字几秒前
flutter_riverpod: ^2.6.1 应用笔记
前端
CrabXin几秒前
让网页在 PC 缩放时“纹丝不动”的 4 个技巧
前端·react.js
Juchecar11 分钟前
Naive UI 学习指南 - Vue3 初学者完全教程
前端·vue.js
用户81686947472512 分钟前
从0到1教你开发一个Mini-ESLint
前端·开源
coding随想12 分钟前
JavaScript中的DOM事件对象Event全解析
前端
专研狂12 分钟前
React 的闭包陷阱 + 状态异步更新机制
前端
zabr17 分钟前
AI黑箱解密:开发者必须了解的AI内部机制真相,原来我们一直被忽悠了
前端·aigc·ai编程
Sokach38629 分钟前
vue3引入tailwindcss 4.1
前端·css
云水边41 分钟前
vue模版中.gitignore和.prettierrc功能区分
前端
尝尝你的优乐美43 分钟前
封装那些Vue3.0中好用的指令
前端·javascript·vue.js