vue keep-alive使用

app.vue文件(路由切换文件)
<keep-alive :include="pageArr"> <router-view></router-view> </keep-alive>

 data () {
    return {
      pageArr: [
        'sourceLists',   //要缓存的路由名称
        'manageList'     //要缓存的路由名称
 ], 
}
要缓存的页面文件
//activated钩子
 activated() {     this.fetchData();   },
//路由离开当前要缓存的页面的操作
  beforeRouteLeave (to, from, next) {     // 导航离开该组件的对应路由时调用     // 可以访问组件实例 `this`     if (to.path !== '/literature/pool/detail') {       //初始化筛选条件项       this.formInline.name = '';       this.formInline.roleId = 0;       this.pageSize = 10;       this.pageNum = 1;       this.current = 1;       this.total = 0;     }     next();   },




 

上一篇:keep-alive


下一篇:vue keep-alive以及activated,deactivated生命周期的用法