Java教程

keepAlive

本文主要是介绍keepAlive,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

keepAlive!!

//keepAlive 是vue中的一个内置组件,可以在切换组件时,使组件内的内容保留原有状态,防止DOM的重复渲染

1. 使用环境:
	登录和注册对应的路由和组件
    /login => login.vue
	/reg   => reg.vue
	//当两个页面互相切换时,如果登录页已经输入数据,再次切换回来,页面不重新渲染,数据不消失

2. 语法格式:
	<keep-alive>
        路由占位
	<keep-alive>
        
3. 关于路由的对象:
	$route: 当前活动的路由对象
    $router: 所有的路由对象
    

**在router/index.js文件中,可以在路由规则中的三步骤后面设置
meta:{
    //可以在里面设置是否做保留状态的判断
    keepAlive:true;
}

**关于是否保留,可以通过获取$route.meta.keepAlive的状态值,来判断,并将值给到路由占位中的v-if属性中
这篇关于keepAlive的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!