javascript - VUE中切换语言时如何更改头部元数据？

Question

还有人问这个问题吗？如果是，请给我链接以阅读此问题，如果不是，该怎么做？我想改变每个用户的标题和描述切换语言，我该怎么做？？我确实喜欢得到一些帮助，我是。初学者 :D

我有 gallery.vue

我这里用的是nuxt js

并使用 nuxt-i18n基于vue-i18n

<template lang="html">

  <div class="">
    <p> {{ $t('post') }}</p>
  </div>

</template>

<script>
export default {
  head () {
    return {
      tittle: // how to change tittle here for the spesific languange
    }
  }
}
</script>

<style lang="css">
</style>

我想要这样的结果在英语中，头衔是 Gallery当用户切换 italianq 时，头部将是 Galleria

Answer 1

这可能有点晚了，但可以帮助新手。

根据文档，您可以使用函数来设置元数据，因此您可以使用函数访问数据和计算(包括此)，检查代码:

head() {
 return {
  title: this.$t('myTitle'),
  htmlAttrs: {
    lang: this.$i18n.locale,
  },
  meta: [
    {
      hid: 'description',
      name: 'description',
      content: this.$t('myDescription'),
    },
  ],
 }

},

来源:https://nuxtjs.org/docs/2.x/features/meta-tags-seo#local-settings