关于跳转问题的测试

Question

这种方案可以直接使用 router.push来跳转子应用
使用meta.path来为default-page赋值
缺点是子应用内部跳转第一次会出现警告

第二种方案

此种方案倒是没发现什么明显的缺点，vue-router也没有警告

但是如果子应用开启keep-alive之后就会发现跳转之后，页面内容没有变化，只有url发生变化

请问老师，如果我的主应用是B端应用，子应用是主应用的一个包含多个子菜单的一级菜单，那么子应用做keep-alive是不是应该在子应用内部使用vue的keep-alive来做缓存，而不是在主应用的micro-app标签上添加keep-alive
恳请老师赐教 我的应用跟vben vue-element-admin类似

Answer 1

Harry_wang 2024-08-11 18:19:22

第一种方案不知道你关闭虚拟路由没有，关闭状态下再使用default-page可能会有问题，第二种方案你的理解是对的，关于主应用跳子应用不同页面，你可以参考这个回答：

有一种方案你可以试一下，如果主应用需要跳转到同一个子应用的不同页面home和test，比如子应用有两个页面，那么索性将每个子应用的不同页面独立成不同的子应用，然后主应用跳转到子应用的home页面，就是router.push('/childHome')，主应用跳转到子应用的test页面，就是router.push('/childTest')，主应用中的路由表中也将home和test也页面独立成不同的路由。

• 提问者 有没有没被占用的昵称 #1

  那么老师，有没有一种方法就是，我打开主应用后但是我没打开子应用，就让他一直偷偷运行，这样我就可以直接使用microApp.router.push了

• Harry_wang 回复 提问者 有没有没被占用的昵称 #2

  目前貌似没有，看后期会不会增加此功能

• 提问者 有没有没被占用的昵称 #3

  非常感谢！

Answer 2

提问者 有没有没被占用的昵称 2024-08-10 15:33:30

em 第二种方案好像也会警告