vue路由传值

文章描述:

vue路由传值方式有两种,一种是显式另一种是隐式,两种不同的是传参的时候地址栏显示和隐藏参数

显式

优点:一目了然地址栏所传参数,方便与开发和测试,支持页面刷新

缺点:直接显示了参数,保密性差

this.$router.push({
	path:'/detail',
	query:{
		id:id
	}
})

隐式

优点:隐藏了地址栏参数,保密性提升和安全性高

缺点:不支持刷新,只能点击后获取参数值

this.$router.push({
	name:'Detail',
	params:{
		id
	}
})

 

打印

// console.log(this.$route.query.id)
// console.log(this.$route)
var id = this.$route.query.id

 

发布时间:2022/07/26

发表评论