路由传参params与query

路由传参

params 与 query的区别

params 与 post类似,跳转页面后,页面url后面不会拼接参数,但是刷新页面id会消失。如:https://editor.csdn.net/md
query 与get 类似,跳转页面后,页面url后面会拼接参数 如:https://editor.csdn.net/md?not_checkout=1&articleId=125708069
注:非重要的数据可以用queryc 传,重要的数据建议用params。

params和query带参数
params

登录界面完成登录后,需要跳转到我的界面。在跳转的同时也要传user{}(对象)过去。现在用params传参。
登录界面传参,代码如下:

this.$router.push({name:"wude",path: "/home:user",params: {user1:user}})

路由配置 path: “/home/:id” 或者 path: “/home:id”
不配置path ,第一次可请求,刷新页面id会消失
配置path,刷新页面id会保留
其中name和path是在index.js上面配置的。
index.js代码如下:

	{
      path: '/wude',        //我的界面路由
      name: 'wude',  
      component: wude
      }
<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: params路由参数,它是一种固定的参数,可以帮助开发者标识用户请求的资源,它可以用来控制应用程序的行为。query 是查询参数,它是一种可变的参数,可以用来告诉应用程序关于用户请求的更多细节,它可以用来过滤和排序用户的查询结果。 ### 回答2: 在使用路由进行参数传递时,常见的两种方式是paramsquery。它们的区别主要体现在以下几个方面。 1. 位置不同:params参数是通过URL路径传递的,而query参数是通过URL的查询字符串传递的。 2. 表现形式不同:params参数位于URL的路径中,通常以/:param的形式呈现。而query参数位于URL的查询字符串中,以?key=value的形式呈现,多个参数使用&连接。 3. 安全性不同:由于params参数位于URL路径中,因此它们对用户可见,可能携带敏感信息。而query参数位于查询字符串中,相对来说更安全,用户不容易看到。 4. 使用场景不同:params适用于需要指定资源标识符的情况,比如获取特定ID的用户信息。而query适用于需要过滤、排序、分页等需求,比如根据关键词搜索用户列表。 5. URL长度限制不同:URL的长度是有限制的,不同的浏览器和服务器对URL长度的限制不同。由于params参数位于URL路径中,因此当URL中参数过多时,可能会超出浏览器和服务器的限制。而query参数位于查询字符串中,对URL长度限制的影响较小。 总之,paramsquery都是路由传参的常见方式,选择使用哪种方式需要根据具体的业务需求来确定。如果需要简单的标识资源和获取ID,可以使用params;如果需要复杂的筛选、排序等操作,可以使用query。同时,需要注意保护敏感信息,避免直接暴露在URL中。 ### 回答3: 路由传参paramsquery的区别主要体现在数据传递的方式和特点上。 1. 数据传递方式: - params:通过路由路径传递参数,参数会被包含在URL中。例如,URL路径为 `/user/:id`,其中`:id`表示动态参数,可以通过`this.$route.params.id`来获取。 - query:通过URL的查询字符串传递参数,参数会附加在URL后面,以键值对的形式出现。例如,URL为 `/user?id=123`,可以通过`this.$route.query.id`来获取。 2. 特点: - params:参数的修改会导致URL的变化,因此在使用params传参时,一般需要设置对应的路由规则,确保参数的正确传递。适用于较为重要的数据传递,如页面跳转、动态路由等。 - query:参数的修改不会改变URL,因此在使用query传参时,无需设置路由规则,在同一URL下进行参数的变更。适用于一些不重要的数据传递,如搜索条件、筛选条件等。 总结:paramsquery都是用于在路由中传递参数的方式,其中params通过URL的路径传递参数,query通过URL的查询字符串传递参数。params适用于重要的数据传递,query适用于不太重要的数据传递。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值