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的新页面
更多推荐
已为社区贡献15条内容
所有评论(0)