时间戳

首页 > 解决方案 > 如何在 NuxtJS 中刷新链接访问的整个页面？

vue.js - 如何在 NuxtJS 中刷新链接访问的整个页面？

问题描述

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

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

标签： vue.jsprogressive-web-appsnuxt.js

解决方案

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

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

建议 1 用v-if. 然后它不会呈现，直到你访问它

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

建议二

this.$forceUpdate();

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

<template>
  <yourComponent :key="componentKey" />
</template>

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

推荐阅读