Vue路由器在切换rutes时一次渲染两个组件

时间:2019-05-09 09:43:57

标签: vue.js vue-router

(sub)子路径之间切换时,会短暂渲染一次两个侧边栏组件(ModalityMap.SidebarModalitiesModalityMap.SidebarVehicleInfo)。

这似乎太奇怪了,这在我之前从未发生过。感觉它一定很容易,也许是我在文档中忽略的东西。还是我错了,这是标准行为?

这是一个问题,因为侧边栏的宽度不同,甚至彼此堆叠在一起,它们也没有完全重叠,从而使上方的边栏完全溢出。

我的路线摘录

   ...
        {
            path: '/map',
            component: ModalityMap.Base,
            children: [
                {
                    name: 'modality_map_view',
                    path: '',
                    components: {
                        main: ModalityMap.HomeView,
                        sidebar: ModalityMap.SidebarModalities
                    }
          ...
                },
                {
                    name: 'modality_map_view_vehicle',
                    path: 'vehicle/:vehicleId',
                    components: {
                        main: ModalityMap.HomeView,
                        sidebar: ModalityMap.SidebarVehicleInfo
                    }
          ...
                }

...

0 个答案:

没有答案