micro-app icon indicating copy to clipboard operation
micro-app copied to clipboard

父应用使用keep-alive,切换页面子应用未渲染

Open lytgexiao opened this issue 2 years ago • 5 comments

问题描述

问题的具体描述 父应用使用keep-alive缓存页面,micro-app 用keep-alive属性缓存子应用,页面切换,子应用无法渲染

复现步骤

1.父应用使用keep-alive标签包括router-view 2.在页面嵌入子应用(使用keep-alive属性)<micro-app name='xx' url='xx' keep-alive> 3.期望切换路由保留父应用状态的同事,子应用keep-alive也可以重新渲染

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。 image

e0da7a4f043e846b27f5824a15bde77

88f907f58d76265c282ab718d089297

0d663209bbf74eca27789320ec38b4d

复现仓库

请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。

环境信息

  • micro-app版本:0.8+
  • 主应用前端框架&版本:vue2
  • 子应用前端框架&版本:vue2
  • 构建工具&版本:webpack

lytgexiao avatar Aug 08 '22 09:08 lytgexiao

能提demo看一下吗

bailicangdu avatar Aug 08 '22 12:08 bailicangdu

Hello @lytgexiao. In order to facilitate location and troubleshooting, we need you to provide a realistic GitHub repository. 您好 @lytgexiao, 为了方便定位和排查问题,我们需要您提供一个重现实例,请提供一个尽可能精简的 GitHub 仓库地址。

github-actions[bot] avatar Aug 08 '22 12:08 github-actions[bot]

image 就很正常的需求,父应用的页面也需要keep-alive,但是父应用切换页面的时候子应用无法渲染出来,既不报错又执行了appstate-change

lytgexiao avatar Aug 09 '22 01:08 lytgexiao

github 示例地址:https://github.com/lytgexiao/public-app

lytgexiao avatar Aug 09 '22 07:08 lytgexiao

能提demo看一下吗

https://github.com/lytgexiao/public-app

lytgexiao avatar Aug 09 '22 07:08 lytgexiao

这问题解决了吗

Rain20199 avatar Oct 15 '23 06:10 Rain20199