使用Nuxt.js和nuxt-i18n

时间:2020-05-19 00:09:10

标签: vue.js nuxt.js vue-i18n nuxt-i18n

https://qiita.com/munieru_jp/items/d7e9f98b5ab5960e7a93

如果执行上述操作,则可以在{{$ t ('HELLO_WORLD')}}标记中获取<template>的内容。 如何在同一文件的{{$ t ('HELLO_WORLD')}}标记中获得<script>

原因是我想用头来管理标题说明 og 相关项目。

给您带来的不便,我们深表歉意,但是如果您能教我们,我们将不胜感激。 那谢谢你。

2 个答案:

答案 0 :(得分:1)

您可以使用this.$t访问页面脚本中的nuxt-i18n翻译帮助器,而head方法则可以访问this上下文。 因此,您可以执行以下操作:

export default {
    head () {
        return {
            title: this.$t('HELLO_WORLD')
        }
    }
}

答案 1 :(得分:0)

使用head方法为当前页面设置HTML Head标签。

https://nuxtjs.org/api/pages-head/