Я создаю приложение Vue и добавил Nprogress.Моя текущая цель - запустить индикатор выполнения, когда я изменю маршрут своего приложения.На данный момент я получил этот фрагмент кода:
import Vue from 'vue'
import VueRouter from 'vue-router'
import { nprogress } from '../plugins/nprogress.js'
import { paths } from './paths.js'
Vue.use(VueRouter)
export const router = new VueRouter({
routes: paths,
linkExactActiveClass: "selected"
})
router.beforeResolve((to, from, next) => {
if (to.name) {
console.log("nprogress start")
nprogress.start();
}
next()
});
router.afterEach(() => {
console.log("nprogress done")
nprogress.done();
window.scrollTo(0, 0)
});
Это единственное время, когда мое приложение использует nprogress.start()
или nprogress.done()
.Когда я запускаю приложение, у меня отображается основной компонент, я не получаю никаких сообщений в консоли, но индикатор выполнения находится здесь.
Есть ли способ исправить это?
Пожалуйста, попросите у меня больше точности, если нужно, спасибо за любую помощь!