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