wl-mfe icon indicating copy to clipboard operation
wl-mfe copied to clipboard

主应用切换至vue3后,两个router冲突BUG

Open L-orz opened this issue 3 years ago • 4 comments

主应用+子应用都使用vue3并使用vue-router-next。点击子应用页面内的,会触发三次子应用的router.beforeEach钩子,且不会触发主应用router的router.beforeEach钩子。

L-orz avatar Nov 16 '20 02:11 L-orz

想问下作者知道这是啥问题没。我也用vue,使用qiankun后就是主应用会报找不到子应用的路由的警告,但是可以正常跳转。

weizaily avatar Nov 24 '20 06:11 weizaily

router.beforeEach的问题解决了。原因是,主应用和子应用同时使用了view-router组件。为了同时使用router,主应用的view-router要用v-if进行判断。 同时发现另一个bug,两个[email protected] 实例,在页面点击返回时,会触发history.replaceState。导致先前记录的状态被另一个router篡改,导致返回跳转的地址错误。

L-orz avatar Dec 01 '20 10:12 L-orz

router.beforeEach的问题解决了。原因是,主应用和子应用同时使用了view-router组件。为了同时使用router,主应用的view-router要用v-if进行判断。 同时发现另一个bug,两个[email protected] 实例,在页面点击返回时,会触发history.replaceState。导致先前记录的状态被另一个router篡改,导致返回跳转的地址错误。

我升级vue3之后也遇到了 子应用找不到路由警告主应用 router.beforeEach 不触发 的问题。主应用没有直接用<router-view>,只是升级了 vue和vue-router,请问 v-if 判断是判断的什么,怎么判断的?

我两个子应用和主应用都是 [email protected],但是没有出现你说的 history.replaceState的问题,页面返回是正常的。

alanland avatar Feb 18 '21 03:02 alanland

我也是主应用和子应用都vue3,路由有问题,我页面展示,跳转,代码控制全都正常,但是浏览器的前进后退键全都无效

XingXiaoWu avatar Mar 05 '21 07:03 XingXiaoWu