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 等属性也是支持的。不详细列出。



  • 2020-01-20 08:29:14

    js如何生成唯一标识符UUID

    在JavaScript中生成uuid的代码如下,这个函数会直接给你返回uuid,所以直接调用,然后用变量接收即可!

  • 2020-01-30 11:19:58

    Android中添加两个(多个)FileProvider节点问题

    我们知道在android7.0,修改了对私有存储的限制,导致在获取资源的时候,不能通过Uri.fromFile(..)来获取uri了,但是在写入数据的时候是可以通过Uri.fromFile(..)来获取uri的,android 官网给出的解决办法是通过FileProvider来解决这一问题,我们需要在AndroidManifest.xml 配制provider节点。

  • 2020-02-02 15:40:36

    Apache Commons IO之IOUtils优雅操作流

    在开发过程中,你肯定遇到过从流中解析数据,或者把数据写入流中,或者输入流转换为输出流,而且最后还要进行流的关闭,原始jdk自带的方法写起来太复杂,还要注意各种异常,如果你为此感到烦恼,那IOUtils可以让我们优雅的操作流。

  • 2020-02-02 19:24:38

    百度视频SDK,突然不能播放

    开发过程中,不知道什么时候开始视频不能播发了,怎么办都不行,其他项目没问题,线上都也没有问题,这可急躁完蛋我了,整了仨小时,还是那熊样。 哎。