this.$router.push传递对象的对象
时间: 2023-10-19 16:33:27 浏览: 103
Vue this.$router.push(参数)实现页面跳转操作
通过this.$router.push传递对象的方式有两种。第一种是在参数中使用params属性,如下所示:
this.$router.push({name:'Home',params:{user:'david'}});
这样传递的对象会被转换为字符串。在目标页面中可以通过this.$route.params来获取参数。
第二种方式是在参数中使用query属性,如下所示:
this.$router.push({path:'/home',query:{user:'david'}});
通过这种方式传递的对象会被自动拼接成查询参数,形成类似于"/home?user=david"的地址。在目标页面中可以通过this.$route.query来获取参数。
需要注意的是,通过这两种方式传递对象,在地址栏中会显示参数的字符串形式,如果参数较多,地址栏可能会变得很长。为了避免这个问题,可以使用props配合组件路由解耦的方式来传递对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue中this.$router.push()路由传值和获取的两种常见方法](https://blog.csdn.net/Vivien_CC/article/details/126880417)[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 ]
阅读全文