VUE跳转页面传值 地址栏显示传值或者不显示地址栏传值

博客介绍了Vue跳转页面传值的方式,包括params传参和query传参。params传参类似post请求,参数不在地址栏显示;query传参类似get请求,参数会显示在地址栏。同时提醒传参用router,接收用route,query传参需加路由name属性,否则无法取值。

VUE跳转页面传值 地址栏显示传值或者不显示地址栏传值
a页面传值到b页面
params 传参 : 相当于post请求,页面跳转时参数不会在地址栏中显示

        this.$router.push({
               path: 'xxx',
               name:'xxx',
               params: { id:idParams }
        })

        接收参数:this.$route.params.id

query 传参 : 相当于get请求,页面跳转时参数会在地址栏中显示

        this.$router.push({
               path: 'xxx',
               name:'xxx',
               query: { id:idParams }
        })

        接收参数:this.$route.query.id 

注意:传参是 router , 接收参数是 route
query 传参一定要加路由一定要加name属性不然拿不到值

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值