使用Nuxt.js和nuxt-i18n时如何获取/pages/vue文件的script标签

Question

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

如上操作，可以得到<template>标签中{{$ t ('HELLO_WORLD')}}的内容。 如何在同一文件的 <script> 标签中获取 {{$ t ('HELLO_WORLD')}}？

原因是我想管理title descriptions和og related items with head.

对于给您带来的不便，我们深表歉意，但如果您能指导我们，我们将不胜感激。 那谢谢了。

Answer 1

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

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

Answer 2

您可以使用 this.$t 访问页面脚本中的 nuxt-i18n 翻译助手，另一方面，head 方法可以访问 this 上下文。 所以你可以这样做：

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