首页 > 其他 > 详细

vue跨页面传参

时间:2020-04-27 20:53:54      阅读:313      评论:0      收藏:0      [点我收藏+]

例:登录页和首页

技术分享图片

登录页点击登录跳转到首页的时候,添加该参数:

this.$router.replace({ path: ‘/Testing‘ ,query:{id:‘1‘,name:this.ruleForm2.account}});

 

 

 然后在首页获取参数:

export default {
		created() {
			console.log(this.$route.query.name);
			this.sysUserName = this.$route.query.name
		},
		data() {}
}

成品:

技术分享图片  技术分享图片

 

不过这种有个缺点,就是参数在url上!

 

vue跨页面传参

原文:https://www.cnblogs.com/moguzi12345/p/12789581.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!