uniappvue3 路由跳转传递参数
时间: 2023-10-26 19:05:10 浏览: 109
vue路由跳转传递参数的方式总结
在uni-app中,使用Vue3进行路由跳转并传递参数的方法如下:
1. 在发送路由跳转请求的组件中,使用`this.$router.push()`方法。在方法的参数中,使用`path`来指定目标路由的路径,使用`query`来指定传递的参数。例如,`this.$router.push({ path: 'release', query: { name: this.benefitsArr } })`表示跳转到名为"release"的路由,并将`this.benefitsArr`作为参数传递。
2. 在接收参数的目标路由组件中,可以通过`this.$route.query`来获取传递过来的参数。在上面的例子中,你可以在接收参数的组件中使用`this.$route.query.name`来获取传递的参数值。
需要注意的是,在uni-app中,路由传递参数使用的是`query`参数,而不是常见的`params`参数。因此,在发送和接收参数时,都需要使用`query`来进行操作。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* *2* [vue 页面跳转 传递数组](https://blog.csdn.net/Hero_rong/article/details/85004599)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文