功能描述:
在一个大的父组件中,根据tab页面的v-if进行切面的切换,但是v-if的切换会造成组件的销毁,再切换回去输入的数据或者上传的文件就没有了,所以切换页面不能让tab页面的子组件销毁。
解决:
在子组件的外边包上一个<keep-alive></keep-alive>的标签;
如果是路由的方式,那么就在<router-view>外边包上<keep-alive>
或者是在定义路由组件的时候在routes[]里边的元数据meta中定义。
routes:[{
path: '/home',
component: Home,
meta: {
title:'测试tab页面切换的缓存问题',
keepAlive: true
}
}]