vue 页面保留缓存和清除缓存

路由：

 routes: [{

        path: '/page1',

        name: page1',

        component: page1',

        meta:{

                    keepAlive:true  //true是保存缓存，false是不保存

                  }

 

},{

path: '/page2',

        name: page2',

        component: page2',

         meta:{

                    keepAlive:true

                  }

 

}]

页面js：

  /**

   * 判断是否要清除缓存，beforeRouteLeave与methods等平级

   */

    beforeRouteLeave(to, from, next) {   //参数（马上去的页面，现在的页面，跳转）

    if(判断条件){

         to.meta.keepAlive = false  //将要去的那个页面的缓存清空

    }else{

       to.meta.keepAlive = true   //将要去的那个页面的缓存保留

    }

    next();

  },