qiankun微前端 vue 项目切换主应用然后切换回来 页面的部分样式失效

这个问题只会在windows google浏览器上出现,火狐 edge 上都不会出现,mac 的google也不会出现

解决方法

将失效的这个路由渲染的这个组件 不使用 按需引入

{
    
    
   path: '/setting/dataChart',
   name: 'dataChart',
   component: () => import('/@/views/dataChart/index.vue'),
   meta: {
    
    
     icon: 'ion:home-outline',
     title: '数据报表',
   },
 }

修改为

import DataChart from '/@/views/dataChart/index.vue'
...
 {
    
    
   path: '/setting/dataChart',
   name: 'dataChart',
   component: DataChart,
   meta: {
    
    
     icon: 'ion:home-outline',
     title: '数据报表',
   },
 },

我是通过这个方法解决的,有相同问题的可以试一下

猜你喜欢

转载自blog.csdn.net/weixin_44441196/article/details/120901837