vue3+vite主子应用，可以在主应用左侧菜单列表直接加载子应用的多个菜单，点击后可以直接加载到子应用的对应菜单界面嘛？

[George-pang]

vue3+vite主子应用，可以在主应用左侧菜单列表直接加载子应用的多个菜单，对应点击后可以直接加载到子应用的对应菜单界面嘛？而不是几个菜单点击都是加载子应用的首页。感谢大佬指点。

[5563]

用native-scope路由模式 或者native路由模式

[George-pang]

用native-scope路由模式 或者native路由模式

试了，好像不行诶。

[5563]

链接里面的路由要跟子应用路由完全匹配上，子应用就是拿当前链接里面地址的
或者你自己路由模式用pure 自己去控制子应用跳转 向我下面这样

[5563]

https://gitee.com/sulbw/study-microapp.git
这个我以前的示例应该有这个功能可以看看

[George-pang]

https://gitee.com/sulbw/study-microapp.git 这个我以前的示例应该有这个功能可以看看
好的，非常感谢。

[George-pang]

用native-scope路由模式 或者native路由模式

native模式试了下，浏览器地址栏 子应用地址切换输入后回车访问会切页面。
但是左侧菜单有多个子应用菜单，点击click 后router.push(item.path)的话，浏览器网址栏变化了，但是子应用页面没有切换加载。
需要网址栏回车下，子应用的页面内容才会对应切换渲染。
children: [ { title: '数据看板1', path: '/child-app2/dashboard', icon: '📊', appName: 'child-app2', }, { title: '用户管理1', path: '/child-app2/user', icon: '👤', appName: 'child-app2', } ],

[George-pang]

链接里面的路由要跟子应用路由完全匹配上，子应用就是拿当前链接里面地址的 或者你自己路由模式用pure 自己去控制子应用跳转 向我下面这样

您这是在子应用加载完成之后，再主应用手动去切换子应用路由跳转是嘛，我之前也试过这个办法，但是我没写在mounted回调里，一直提示子应用未渲染，我试试您这个写法，感谢。

[George-pang]

https://gitee.com/sulbw/study-microapp.git 这个我以前的示例应该有这个功能可以看看
好的，非常感谢。

您好，我看了您的demo代码，您那子应用就是基本的microApp容器，左侧菜单menu-item index默认跳转的，路由也没啥特殊写法，为啥微应用2个菜单点击切换，对应页面也跟着渲染了，我这边router.push（/child-app2/user）、router.push（/child-app2/dashboard）就只改路由，不切换页面内容呢。。。

[5563]

看不到你代码，看看你路由是不是加keepalive了

[George-pang]

看不到你代码，看看你路由是不是加keepalive了
没加呢。
下面是主子应用的demo代码，二级菜单1用了data传参，子应用读取data跳转的方式实现了切换，但这样接入的子应用需要改造，对传入的数据进行处理。
想完全由主应用控制子应用切换加载的，目前二级菜单2下加载的child-app2方式只切换了路由，没有切换子应用页面，试了好久，对比了下您的demo代码，没发现明显区别地方....
https://gitee.com/georgepang/micro-main-app.git
https://gitee.com/georgepang/micro-child-app1.git

[5563]

看了下你的代码，你是这个没有加唯一key，页面根本根本不会重新加载

[George-pang]

看了下你的代码，你是这个没有加唯一key，页面根本根本不会重新加载

是这样吗，我看官网下载的demo代码，这里也没加key来着，我试试哈，感谢。

[5563]

他们没加就是因为他们都是往子项目传数据，子项目自己控制路由跳转的，

[George-pang]

他们没加就是因为他们都是往子项目传数据，子项目自己控制路由跳转的，
原来是这样，明白了，感谢。

[LBASD]