nuxt.js - Nuxt i18n 等待页面组件加载，然后再更改 default.vue 上的特定语言文本

Question

现在我正在通过站点预取所有全局标签并将它们存储在 vuex 中。然后我通过计算方法将它们放入 default.vue 中，因此每次语言更改时，我都会获得更新的标签列表：

默认.vue

 computed : {
        translations : function(){
            return this.$store.getters['getTranslationsByLocale'](this.$i18n.locale);
        }
}

问题是，当我更改语言环境（使用语言切换器链接）时，default.vue 中的标签会在主 nuxt 组件加载之前呈现。我想等待 nuxt 组件加载，然后使用新的语言文本呈现标签。

有谁知道如何做到这一点？谢谢你的帮助。

Answer 1

我第一次充电有问题。我看到了 之外的组件<Nuxt />，然后是给定子页面的全部内容。

我用 v-if 指令解决了这个问题<v-app>。默认值为false，但该值会在挂钩挂载启动时更改。下面是default.vue文件的代码。

<template>
  <v-app v-if="loading">
    <nuxt />
  </v-app>
</template>

<script>
export default {
  data() {
    return {
      loading: false,
    }
  },
  mounted() {
    this.loading = true
  },
}
</script>