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

这个问题只会在windows google浏览器上出现，火狐 edge 上都不会出现，mac 的google也不会出现解决方法将失效的这个路由渲染的这个组件不使用按需引入{path: '/setting/dataChart',name: 'dataChart',component: () => import('/@/views/dataChart/index.vue'),meta: {i

原谅我不够洒脱

2633人浏览 · 2021-10-22 11:04:16

原谅我不够洒脱 · 2021-10-22 11:04:16 发布

这个问题只会在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: '数据报表',
   },
 },

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^