micro-app点击子路由无反应,导航地址变化了页面没更新
解决:监听路由变化 发送路由给子应用,子应用监听路由并且push
1.基座
// 初次进入默认路由选中
watch(() => router.currentRoute.value,
(newValue) => {
let name = ""
if (newValue.meta.parent == "慢病死因") {
name = "chronicDeath"
} else if (newValue.meta.parent == "系统设置") {
name = "usersetting"
}
microApp.setData(name, { path: newValue.fullPath })
menuData.value = store.state.LeftMenudata
defaultRoute.value = firstIn(newValue, baseMenu)
},
{ immediate: true }
)
2.子项目 main.js
// 是否是微前端环境
if (window.__MICRO_APP_ENVIRONMENT__) {
window.microApp.addDataListener((data) => {
router.push(data.path.split("#")[1]);
}, true);
}