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{}
 	},
}
Logo

前往低代码交流专区

更多推荐