完美解决$router.go(-1)返回上一层页面不刷新页面问题

在app.vue中改写router-view

   

       

   

   

在router/index.js中添加路由元信息，设置需要缓存的页面

routes: [{

        path: '/',

        name: 'index',

        component: index,

        meta: {

            keepAlive: false, //此组件不需要被缓存

        }

    },

    {

        path: '/page1',

        name: 'page1',

        component: page1,

        meta: {

            keepAlive: true, //此组件需要被缓存

        }

    },

    {

        path: '/page2',

        name: 'page2',

        component: page2,

        meta: {

            keepAlive: true, // 此组件需要被缓存

        }

    },

    {

        path: '/page3',

        name: 'page3',

        component: page3,

        meta: {

            keepAlive: false, // 此组件不需要被缓存

        }

    }

]