vue this.$router.push 实现路由跳转_this.$router.push({ path: this.redirect || '/' })

作者：盐析白兔 | 2024-03-22 04:04:01

踩

this.$router.push({ path: this.redirect || '/' })

使用this.$router.push实现路由跳转的两种方法：

使用query进行传参就类似于get，它的参数会在链接中显示出来。
使用query时，路径需要用path

this.$router.push({path:'路径',query{id:参数}})
1

效果图：
在这里插入图片描述

在这里插入图片描述

使用params进行传参就类似于post，它的参数不会在连接中显示出来。
使用params时，路径需要使用name

this.$router.push({name:'路径',params{id:参数}})
1

效果图：
在这里插入图片描述

name和path的路径要在文件中提前声明好：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/285164