Vue中this.$router.push（参数） 实现页面跳转
很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用。来修改 url，完成跳转。跳转后携带id的新页面。
·
很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用 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的新页面
前往低代码交流专区
更多推荐
1
0- 0
已为社区贡献15条内容
所有评论(0)