x***@sina.com
x***@sina.com
  • 发布:2022-05-26 10:06
  • 更新:2022-11-09 09:11
  • 阅读:1017

uniappH5端如何禁用keep-alive

分类:uni-app

在使用uniapp编写H5页面时,发现在返回上一页时,uniapp缓存了上一页,导致一些功能受限。如何禁用这个keep-alive的功能?

2022-05-26 10:06 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

一开始我也被这个问题困扰,keepAlive include几乎所有页面,但是有些页面第二次进入时不会使用inactive的第一次的页面实例,反而会再生成一个实例,导致缓存策略有点迷糊,另外一方面缓存会导致页面关键生命周期只执行一次(未销毁)。
解决的方法是:在App.vue入口文件加上,下面代码是官方仓库github复制出来的,去掉属性keepAliveInclude即可

复制代码<template><App :keepAliveInclude="keepAliveInclude"/></template>

success:

复制代码<template><App /></template>

仓库line 133

FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

路由配置

  • x***@sina.com (作者)

    我用的是uni-simple-router,但是并没有找到相关的配置信息

    2022-05-30 10:18

  • x***@sina.com (作者)

    大佬,并没有找到相关的配置信息,能问一下在哪配置么?

    2022-06-22 10:19

t***@163.com

t***@163.com

请问解决了吗

  • x***@sina.com (作者)

    没有,整个项目都没有配置keep-alive的地方,源码里面是强制开启的keep-alive

    2022-08-11 17:09

hi前端

hi前端

是的 ,我不管是 onShow 和 mounted 都是一样被keep-alive 的,但是没有任何文档提到过。很苦恼

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容