官网上的nvue国际化方式介绍的实在是太简单了,记得要引入下message文件,还要用uni.setLocale()设置下,但是不管我怎么引入都会报错。
所以我直接把文件拿过来了,通过对象的方式去取。
<!-- 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>
// en_us.json
{
"Tabbar": {
"Position": "Position"
},
}
// zh_cn.json
{
"Tabbar": {
"Position": "位置"
},
}
完美解决!