Использование асинхронных компонентов с компонентами загрузки и ошибок в Vue Router - PullRequest
Новая
       20

Использование асинхронных компонентов с компонентами загрузки и ошибок в Vue Router

0 голосов
/ 01 февраля 2019

Я пытаюсь сделать следующее: 

import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";
import LoadingComponent from '@/components/Loading.vue';

Vue.use(Router);

const router = new Router({
    routes: [
        {
            path: "/",
            name: "home",
            component: Home
        },
        {
            path: "/about",
            name: "about",
            component: () => ({
                component: import("./views/About.vue"),
                loading: LoadingComponent,
                delay: 1
            })
        }
    ]
});

export default router;

Однако компонент загрузки не отображается, даже если для сети установлено значение Slow 3G.Это происходит только тогда, когда я использую асинхронные компоненты в маршрутизаторе, в остальных случаях загрузка компонентов отображается после задержки.

Это не поддерживается Vue Router или я что-то не так делаю?

...