vue 页面缓存

有这样的一个需求：当在列表的第5页中点击查看详情按钮，跳转到详情页面，再点击返回按钮，需要回到第5页。

解决方法：用户vue 中自带的组件keep-alive组件，《keep-alive include="组件名称"》<router-view />《/keep-alive》

具体是实现步骤如下：

1.列表页面的路由配置 (需要配置name属性)：

      {

        path: '/list',

　　name:'List',

        component: () => import('@/views/list.vue'),

        meta: { title: "标题" }

      }

2.列表页面里面配置name属性(注意，需要与路由中的name一致)：

export default{

　　name:'List'，

　　data:(){

　　　　return {}

　　}

}

3.在keep-alive组件中配置对应的name

《keep-alive include="List"》<router-view />《/keep-alive》

 

完成上面三步骤，去见证奇迹吧。