vue页面跳转间传参query和params

敲代码的TKP

已于 2022-02-14 15:06:39 修改

阅读量647

点赞数 1

分类专栏： vue 文章标签： vue

于 2021-07-22 16:48:59 首次发布

TKP

本文链接：https://blog.csdn.net/TKP666/article/details/119003384

版权

vue 专栏收录该内容

47 篇文章 2 订阅

订阅专栏

本文详细介绍了在前端Vue.js应用中如何使用`query`和`params`进行路由参数传递，包括传值方式、在HTML和JavaScript中获取参数的方法。通过示例代码，展示了`query`参数适用于可复用场景，而`params`参数则适用于命名路由且不希望在URL中显示的情况。

摘要由CSDN通过智能技术生成

query传参

//	query传参
//  传值
this.$router.push({ name: 'orderList', query: { conlltion: id }})
this.$router.push({path:'/orderList',query: {conlltion: id }})
// html取值 
$route.query.conlltion
// script取值 
this.$route.query.conlltion

params传参

//	params传参 
//  传值
this.$router.push({ name: 'orderList', params: { conlltion: id }})	// 只能用 name
// html 取值  
$route.params.conlltion
// script 取值  
this.$route.params.conlltion