blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity

fix(plugin-qiankun): 当子应用存在路由而且子应用以路由的形式挂载时，需要在切换路由之前unmount子应用

Browse Source
This commit is contained in:
万纯 2021-03-24 20:27:13 +08:00
parent 444ac52e93
commit 34691cbb89
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/fes-plugin-qiankun/src/main/runtime/MicroApp.tpl
View File

@ -13,11 +13,20 @@ import { getMasterOptions } from "./masterOptions";
{{#HAS_PLUGIN_MODEL}}
import { useModel } from '@@/core/pluginExports';
{{/HAS_PLUGIN_MODEL}}
import { onBeforeRouteLeave } from "@@/core/coreExports";
function unmountMicroApp(microApp) {
if (microApp && microApp.mountPromise) {
microApp.mountPromise.then(() => microApp.unmount());
let unmountPromise;
async function unmountMicroApp(microApp) {
if (microApp) {
if (microApp.mountPromise) {
await microApp.mountPromise;
}
if (!unmountPromise) {
unmountPromise = microApp.unmount();
}
return await unmountPromise;
}
return Promise.resolve();
}
export const MicroApp = defineComponent({
@ -156,6 +165,10 @@ export const MicroApp = defineComponent({
loadApp();
});
onBeforeRouteLeave(async () => {
return await unmountMicroApp(microAppRef.value);
});
watch(()=>{
return {...{}, ...propsFromConfigRef.value, ...stateForSlave, ...propsFromParams}
}, () => {