vue3集成microApp微前端 native路由模式,子应用跳转时父应用无法触发router改变事件?

父应用:

import microApp from '@micro-zoe/micro-app'
microApp.start()
<micro-app :name="name" :url="url" iframe router-mode='native' keep-alive></micro-app>

子应用中路由跳转:

router.push({
        path: `/MF_customer/${path}`,
        query: {
            a: 1
        }
    });
}

跳转后地址栏中的url发生了变化
image.png
但是父应用中监听router变化不触发

import { useRouter} from 'vue-router'
const router = useRouter()
watch(
  () => router.currentRoute.value,
  (newValue: any) => {
    console.log('newValue',newValue)
  },
  { immediate: true }
)

我需要在路由变化的时候去改变菜单的选中状态,请问如何解决

阅读 847
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏