如何在 NuxtJS 中刷新链接访问的整个页面?

Zah*_*rim 8 vue.js progressive-web-apps nuxt.js

我有一个 Nuxt 项目,出于 SEO 目的,每次访问任何页面时都需要重新加载页面。我有什么办法可以做到吗Routers

目前,我的应用程序具有 NUXT 的默认行为“仅渲染访问时所需的组件”。但我需要完全重新加载页面。

Min*_*ina 7

检查一下。

this.$nuxt.refresh()
Run Code Online (Sandbox Code Playgroud)


ise*_*arn 4

我确实相信重新加载页面会清除(并重新初始化)你的 vuex 存储(如果你正在使用它)

我不知道如何重新加载页面,但我有一些建议您可以测试

建议 1v-if. 然后它不会渲染,直到你访问它

<template>
  <app v-if="someBoolean">
     .
     .
  </app>
</template>
<scripts>
  export default {
    computed: {
      someBoolean () {
        return blabla 
      }
    }
  }
</scripts>
Run Code Online (Sandbox Code Playgroud)

建议2

this.$forceUpdate();
Run Code Online (Sandbox Code Playgroud)

建议3 将您的组件绑定到key

<template>
  <yourComponent :key="componentKey" />
</template>
Run Code Online (Sandbox Code Playgroud)

并在需要重新渲染时更改该键