Vue中this.$router.push（参数）实现页面跳转

爬楼梯的小新

已于 2022-09-02 17:43:04 修改

阅读量3.4k

点赞数 1

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

于 2022-09-02 09:20:08 首次发布

本文链接：https://blog.csdn.net/weixin_57607714/article/details/126649338

版权

vue 专栏收录该内容

62 篇文章 1 订阅

订阅专栏

很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用 this.$router.push(location) 来修改 url，完成跳转。

// 字符串
this.$router.push('/home/first')
// 对象  query相当与发送了一次get请求，请求参数会显示在浏览器地址栏中
this.$router.push({ path: '/home/first' })
// 命名的路由   params相当与发送了一次post请求，请求参数则不会显示，并且刷新页面之后参数会消失
this.$router.push({ name:'Login', params: { id: this.id } )
 
// 当路由配置更改为
//路由配置：
 
//{path:'/login/:id',name:'Login',component:Login}
 
//并且再次发送请求，请求数据不会随着页面的刷新而消失