Vue-router рендерит два компонента одновременно при переключении рутов - PullRequest
0 голосов
/ 09 мая 2019

При переключении между (sub) суб-маршрутами, на короткое время оба компонента боковой панели отображаются одновременно (ModalityMap.SidebarModalities и ModalityMap.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
                    }
          ...
                }

...

...