vue.js - Nuxtjs在页面之间重定向时没有数据

Question

我有一个在 /layouts 中定义的默认标题，如下所示

<v-app-bar :elevation="0" color="white" fixed app>
  <div class="w-100">
    <NuxtLink to="/">
      <v-img
        max-height="24"
        src="/nuxt_static/images/rectangle.png"
        :contain="true"
      ></v-img>
    </NuxtLink>
  </div>
</v-app-bar>
<v-main>
  <v-container style="padding: 0">
    <nuxt />
  </v-container>
</v-main>

我希望当我单击图像 rectangle.png 时，它会重定向到主页。Homepage 是在 /pages/ 目录的第一个子 index.vue 中使用 asyncData() 函数定义的，并且一个组件包含它的模板。当我在浏览器中输入http://example.com/时，一切正常。但是当我在另一个页面并单击标题图像转到主页时，它只显示模板并且不运行 asyncData() 函数。因此，主页上没有数据。我现在该怎么办？

Answer 1

尝试将您的代码移动到asyncData钩子中以获取钩子。Fetch hook 将在服务器端或客户端调用。