官网上的nvue国际化方式介绍的实在是太简单了,记得要引入下message文件,还要用uni.setLocale()设置下,但是不管我怎么引入都会报错。
所以我直接把文件拿过来了,通过对象的方式去取。文章来源:https://www.toymoban.com/news/detail-665416.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>
// en_us.json
{
"Tabbar": {
"Position": "Position"
},
}
// zh_cn.json
{
"Tabbar": {
"Position": "位置"
},
}
完美解决!文章来源地址https://www.toymoban.com/news/detail-665416.html
到了这里,关于uni-app的nvue文件国际化不翻译问题解决办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!