Vue中缓存keep-alive include不生效问题解决
include使该标签作用于所有name属性的值跟此标签 include的值一致的vue页面exclude使该标签不作用于所有name属性的值跟此标签 exclude的属性值一致的vue页面使用include/exclude 属性需要给所有vue类的name赋值（注意不是给route的name赋值），否则 include/exclude不生效找了好半天，发现问题所在include要生效，必须注意2
·
include 使该标签作用于所有name属性的值跟此标签 include的值一致的vue页面
exclude 使该标签不作用于所有name属性的值跟此标签 exclude的属性值一致的vue页面使用include/exclude 属性需要给所有vue类的name赋值（注意不是给route的name赋值），否则 include/exclude不生效
找了好半天，发现问题所在
include要生效，必须注意2点
1.include的属性值要设置
<keep-alive include="all">
<router-view></router-view>
</keep-alive>
<!-- 这里的all是你希望被缓存的那个组件中的name："all",与data，methods平级，不是路由中的name -->
2.给name赋值，要在你希望缓存的那个组件中
export default {
name:'all',
data () {
return{}
},
}
前往低代码交流专区
更多推荐
3
0- 0
已为社区贡献3条内容
所有评论(0)