vue params 和 query 传递参数的区别

最新推荐文章于 2024-07-08 21:46:38 发布
最新推荐文章于 2024-07-08 21:46:38 发布
阅读量419 收藏
点赞数
分类专栏： 前端工程化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38296051/article/details/104003681
版权

query

1 query  传递参数的时候可以使用 name 属性跳转，要给路由设置设置这个属性，

2 query 传递参数的时候可以使用path 跳转，路由不需要经过特别的设置。

3 query 类似get 请求， 会在状态栏显示参数。

 

params 传递参数

1 param 传递参数只能配合name，

2 要在path上配置要传递的参数，参数是路由的一部分，如果跳转的时候不设置参数那么会跳不过去。

如果没有在配置的path 上面设置参数的名称，那么在页面刷新的时候传递过来的参数会消失

3 地址栏不显示参数，类似post请求

 

 

 

 

 

yuange11111
关注
专栏目录
params和query的区别
a456456_132的博客
08-09 6179
params和query的区别 引入方式不同： query要使用path来引入，params要使用name来引入，接受参数格式类似，引用分别是this.route.query.name和this.route.query.name和this.route.query.name和this.route.params.name 形成的路径不同（或者url地址显示不同）： 使用query传参的话，会在浏览器的url栏看到传的参数类似于get请求，使用params传参的话则不会，类似于post请求。 params传递后
vue中params和query的区别，以及具体用法
热门推荐
weixin_42282727的博客
07-22 1万+
query传递参数会在url后面用？连接起来，且参数之间用&&符号连接然后显示在页面的url中；params传递参数不会显示在页面中；query有点像ajax中的get请求，而params像post请求。 在vue中使用query要搭配path路径，而params只能由命名路由name来引入；看下列代码： 路由中path的配置 { path: '/argu/:name/:id', //这种路由配置是params传递参数,且这个后面必须加参数，如果不加，刷新页面这些参数会消失 ..
vue中query和params传参区别
weixin_43988567的博客
07-07 171
都可以用来传递页面参数。
Vue中query与params两种传参的区别
aoliei的博客
11-26 618
query语法： this.$router.push({path:“地址”,query:{id:“123”}}); 这是传递参数 this.$route.query.id； 这是接受参数 params语法： this.$router.push({name:“地址”,params:{id:“123”}}); 这是传递参数 this.$route.params.id; 这是接受参数 区别： 1.首先就是写法得不同，query 得写法是 用 path 来编写传参地址，而 params 得写法是用
vue中params传参和query传参最大的区别，path、name方式
Zhanggebgchen的博客
05-23 560
query传参时，会将传递的数据会展示在地址栏的url当中，这样造成的问题有两点，第一点就是不美观，让页面看起来杂乱无章， 第二点就是可能会涉及到隐私数据，这枚直白的把意思数据展示的页面当中，肯定会有一些安全的问题params传参的话，传递的数据不会在地址栏的url当中展示，让页面显得美观。
vue路由传参中query方式与params方式的区别
oLylia的博客
09-02 697
vue路由传参中query方式与params方式的区别
vue params、query传参使用详解
08-29
在本文中，我们将介绍 Vue 中的参数传递方式，包括 params 和 query 两种方式。 Params 传参 在 Vue 中，params 传参是一种常见的方式，即在路由中定义参数，然后在组件中通过 `$route.params` 获取参数。例如，...
详解vue嵌套路由-query传递参数
08-30
"详解vue嵌套路由-query传递参数" 在前端开发中，路由机制是不可或缺的一部分，而在 Vue 中，我们可以使用 Vue Router 来实现客户端路由。今天，我们将详细介绍如何在 Vue 嵌套路由中传递参数，特别是使用 query 来...
浅析vue-router中params和query的区别
10-15
在 Vue Router 中，`params` 和 `query` 是两种不同的参数传递方式，它们在使用场景和表现形式上有所差异。以下是关于 `params` 和 `query` 的详细解析。 1. 引入方式： - `query` 参数通常与动态路径中的 `path` ...
vue--params传参与query传参的区别？
AAAXEC的博客
11-13 438
2.接收参数的时候，query传参使用路由信息对象中‘’的query对象接收，params传参使用路由信息对象中params对象接收，4.如果index.js配置路由时，params的参数时URL不可或缺的一部分，但是query的参数是拼接起来的，没有也不影响。1.使用query传参的时候，name，path都可以引入，但是在使用params传参的时候只能使用name进行引入。比如：this.$ route.params.name/this.$route.query.name。
Vue Router的params和query传参的使用和区别
weixin_30662539的博客
03-03 246
vue页面跳转有两种方式分别是：name和path this.$router.push({name: 'HelloWorld2}) this.$router.push({path: '/hello-world1'}) 传参也有两种方式分别是：params和query this.$router.push({name: 'HelloWorld2', para...
Vue query与params传参的区别
YanG_2859390447的博客
11-26 443
query语法： this.$router.push({path:“地址”,query:{id:“123”}}); 这是传递参数 this.$route.query.id； 这是接受参数 params语法： this.$router.push({name:“地址”,params:{id:“123”}}); 这是传递参数 this.$route.params.id; 这是接受参数 区别： 1.首先就是写法得不同，query 得写法是 用 path 来编写传参地址，而 params 得写法是用 n
Vue Router 的params和query传参的使用和区别（详尽）
weixin_42408447的博客
06-30 3297
首先简单来说明一下router和router和router和route的区别 //$router : 是路由操作对象，只写对象 //$route : 路由信息对象，只读对象 //操作 路由跳转 this.$router.push({ name:'hello', params:{ name:'word', age:'11' } }) //读取 路由参数接收 this.name = this.$route.params.name; t
vue-router的query和params传递参数的区别
qq_39784865的博客
05-07 178
1、query方式传递和接收参数 可以使用path或者name来获取相对应的组件路由 传参： this.$router.push({ path:’/xxx’, query:{ id:id } }) 接收参数：this.$route.query.id 2、params方式传递和接收参数，必须用name来获取相对应的组件路由 传参： this.router.push(name:′xxx′,param...
query和params的区别是什么
最新发布
weixin_63490373的博客
07-08 1202
URL 结构params：参数作为路径的一部分。query：参数作为查询字符串的一部分。获取参数的方法params：通过。query：通过。使用场景如果参数是资源的标识符并且应该是路径的一部分，使用params。如果参数是可选的或用于过滤、排序等，使用query。根据具体需求选择合适的方式。
param和query的区别
屈小康
04-22 3559
1、param和query的区别 1.query的参数会在url后面用？链接起来，且参数之间用$$符号链接后在页面的url中。 2.params传参不会显示在页面中。 3.query像get params像post 2、params和query的传参 this.$router.push({ name:'father', params:{ keyword:'111' } }) this.$router.push({ path:"/father", query:{ keyword:"
vue路由传参query和params的区别？
青山不改，绿水长流。
09-20 1330
1.query使用path和name传参跳转都可以，而params只能使用name传参跳转。2.params不在路由配参数的话，当用户刷新当前页面的时候，参数就会消失。3.query相当于get请求，而params相当于post请求query传过来的参数会显示到地址栏中 而params传过来的参数不会显示到地址栏中 4.接受参数的时候用this.$route.params.name或者this.$route.query.name
vue路由params和query参数
05-18
在这个例子中，我们通过query传递了一个q参数，其值为vue。在Search组件中可以通过$route.query.q来获取这个参数的值。 总的来说，params适合传递一些必选参数，而query适合传递一些可选参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值