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)