Vue中this.$router.push()失效解决办法

问题描述

今天学习Vue的时候准备使用this.$router.push()来跳转页面,但是无论如何也跳转不了，也没有报错.
路由如下:

{
        path:'/home',
        component:home,
        name:home
    },

    {
        path: '/login',
        component:login,
        name:login
    }

从login界面跳转到home界面不成功

解决办法

引入router，将this.$router.push()改为router.push()方法进行页面跳转

import router from "@/router";
router.push({path:'/home'})