关于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>