很多情况下,我们在执行点击按钮跳转页面之前还会执行一系列方法,这时可以使用 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}
 
//并且再次发送请求,请求数据不会随着页面的刷新而消失

 当前页

点击确定按钮之后

跳转后  携带id的新页面

Logo

前往低代码交流专区

更多推荐