vue i18n 渲染失敗?
嗨大家好,在 vue i18n 遇到問題
main.js
import Vue from 'vue'
import App from '@/App.vue'
import VueI18n from 'vue-i18n'
import lang from '@/utils/lang'
...略
Vue.use(VueI18n)
Vue.config.productionTip = false
const i18n = new VueI18n({
locale: 'cn',
message: lang,
})
new Vue({
i18n,
router,
store,
render: h => h(App),
}).$mount('#app')
lang.js
const lang = {
cn: {
setting: {
webTitle: 'Studio',
}
},
en: {
},
}
export default lang
在 template 使用嘗試渲染時
{{ $t('setting.webTitle') }}
結果為
setting.webTitle
應該要是
Studio
這是怎麼回事?
確定有將i18n import成功...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
{{ $t('setting.webTitle') }}
->{{ $t('message.setting.webTitle') }}
重新仔细的对比了下官方文档和你的代码
也就是说message应该是少写了一个s