2021-08-21

一、问题:功能要求在个人中心页面点击任何按钮都效验是否登录,未登录就弹出登录页面,登录成功后关闭弹出层页面刷新显示登录的用户名

1.问题在于登录成功后的页面怎么刷新,网上找了不少办法,最好用的一个是,在登陆成功后将页面重定向,从而达到刷新页面的效果

2. 父组件中传入页面路径,因为个人中心页是需要刷新的,其他页面不需要

<login-module ref="popup" :login-form="loginForm" to-user-index="/pages/user/index/index"></login-module>

3. 子组件中接收路径

props: {
			loginForm: {
				type: Object,
				
			},
			toUserIndex:{
				type: String,
				default:''
			}
			 
		},

4.登录成功后判断父组件有无传入路径,有传入就重定向刷新页面