关于vue.js:vue-keepalive-include无效

查看版本

确定以后的vue版本的是2.1+

因为include和exclude是vue2.1.0新增的两个属性.

package.json

"vue": "^2.5.2",

查看name

留神,不是router.js中的name,而是单个vue组件中的name属性.

倡议将router.js中的name和vue组件的name保持一致,不要凌乱.

1.  export default {
    
2.      name: "index"
    
3.  }
    

多层嵌套

网上的答案简直都是查看vue组件的name属性,但还是有一个巨坑.

那就是多级嵌套<router-view></router-view>,凡是有超过两个以上的router-view且是父子级关系,请都加上keep-alive,只加一个不会失效.

  // app.vue
    
  <keep-alive include="app,index"> 
     <router-view></router-view>
  </keep-alive>
    
     
  // other.vue 
  
 <keep-alive include="app,index">  
     <router-view></router-view>
 </keep-alive>