技術標籤：Vue-routervue

如果重複點選路由跳轉的時候會遇到報錯的情況

在vue-router的配置怎加以下程式碼 便可以解決

router > index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
Vue.use(VueRouter)



const originalPush = VueRouter.prototype.push
    VueRouter.prototype.push = function push(location) {
    return originalPush.call(this, location).catch(err => err)
}



let router = new VueRouter({
    mode:'history',
    //linkActiveClass:'globalCur',
    routes:[
        {
            path:'/home',
            component:Home
        },
        {
            path:'/news',
            name:'news',
            component:()=>
                import('@s/views/News')
        },
        {
            path:'/sports',
            component:()=>
                import('@s/views/Sports')
        }
    ]
})
export default router