Vue 路由的两种 传参方式

比眉伴天荒 2022-12-21 03:28 302阅读 0赞

路由的第一种传参方式query 采用将参数写在路由的地址后面进行传参:?名字=value
第一种传参方式 在 this.$route.query 中,如图所示:
在这里插入图片描述
第一种传参的打印效果:
在这里插入图片描述
第二种传参方式采用params 占位的方式,第二次的参数因为采用 :占位符的方式,所以参数在params中,如图:

在这里插入图片描述
注意第二次的传参中URL地址里面没有显示? 和 id = 这样的形式:

在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,302人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Vue方式

    前言:顾名思义,vue路由传参是指嵌套路由时父路由向子路由传递参数,否则操作无效。传参方式可以划分为params传参和query传参,params传参又可以分为url中显示参数