nuxtjs的nuxt标签使用用keep-alive和keep-alive-props

2021-03-03 16:10:42

nuxt.js 列表界面分页加载后进入详情页,返回上一页如何让界面不重新加载


我们可以使用keep-alive标签,到底应该怎么使用呢。

官方文档地址为 The Nuxt Component


1、在标签上添加属性

<nuxt  keep-alive :keep-alive-props="{ include: includeArr }" />


// js

data () {

return {

includeArr: ['cardApplyQuery'] // 需要缓存的组件名数组

}

}


2、在组件中添加name属性

这个是好多网上教程没有点明的,这里重点提出。一定要在组件中加上对应的name


export default {

name: 'cardApplyQuery'

}


其他 expend 等属性也是支持的。不详细列出。



  • 2023-09-21 16:49:06

    用webpack.ProvidePlugin来解决Photo-Sphere-Viewer旧版本浏览器兼容问题

    上篇文章已经搭建了最基本的项目,我用手机下载了一个版本62.点开头的chrome apk来测试。 果真白屏,啥也没有,也看不到报错信息。 赶紧安装 vconsole ,重启,刷新,依然白屏,连vconsole也没有。这可咋弄。 想了下,这浏览器老的是可以呀,还得修改编译参数,加大es5的处理。 根目录有一个配置文件 .browserslistrc 里面的配置如下