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
发表评论