在Nuxt.js中重新访问页面时如何不重新呈现组件?

戴夫

当我访问另一个页面并返回时,我想表达我拥有的Google Maps坐标和数据。使用商店需要处理大量数据,因此很难使用。我想知道是否有一种方法可以回收页面而不将其从DOM中删除。

如果您希望在导航时按原样保留页面的内容,则可以使用keep-alive它将缓存路线的内容。在这里查看文档

但是,我的个人经验是,keep-alive有时会缓存Vue或Nuxt页面导致应用程序中的意外错误,因为经常我编写代码时希望在data()定义的所有值都将具有默认值。但是在缓存组件时并非如此。正如您已经说过的那样,当获取了一些昂贵的数据时,通常会出现此要求。我更喜欢将此获取结果缓存(主要在本地存储中)或Vuex Store中。这样,您可以在导航时安全地销毁该组件,并在导航时重用缓存的数据,但是该组件将另外使用默认的data()进行初始化

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Nuxt SSR模式下更改页面的URL,而不重新加载整个页面?

来自分类Dev

nuxt组件:计算与数据

来自分类Dev

Nuxt Vue中的Splidejs

来自分类Dev

如何使用nuxt访问组件中的HEAD数据?

来自分类Dev

nuxt js中的异步组件延迟

来自分类Dev

在带有Express的Nuxt中,如何在保存服务器时防止重新编译

来自分类Dev

如何从nuxt.js商店访问插件?

来自分类Dev

Nuxt.js中的Gtag

来自分类Dev

Nuxt重新加载API数据失败

来自分类Dev

Nuxt Content异步获取组件

来自分类Dev

来自全局组件的Vue / Nuxt访问功能

来自分类Dev

nuxt.js:运行 nuxt start 的 .js 在哪里

来自分类Dev

如何使用nuxt.js访问Mounted()中的数据

来自分类Dev

Nuxt.js 未知商店

来自分类Dev

重新加载后,CloudFront找不到Nuxt.js静态站点的页面

来自分类Dev

WebStorm中的Nuxt Webpack别名

来自分类Dev

查询未在nuxt中更新

来自分类Dev

为什么在我的nuxt-link中没有使用相同的URL重新加载页面?

来自分类Dev

如何使插件在刷新时工作?(Nuxt)

来自分类Dev

如何集成Spring MVC和Nuxt JS?

来自分类Dev

如何忽略Nuxt.js开始问题

来自分类Dev

如何清理Nuxt js额外的div容器?

来自分类Dev

Nuxt js中的计算的Bootstrap断点

来自分类Dev

在nuxt.js页面中包含外部javascript文件

来自分类Dev

如何在nuxt网址中删除/?fbclid = ...

来自分类Dev

在vuex操作中访问this。$ fireStore(Nuxt.js)

来自分类Dev

在Vue插件中访问Nuxt.js上下文

来自分类Dev

Nuxt不会自动从嵌套目录导入组件

来自分类Dev

使用带有 nuxt 的外部组件的问题