关于this.$router.push、replace、go的用法和区别

本文转载自查看原文 2020-10-15 21:53 458 vue相关

this.$router.push
跳转到指定url路径，并想history栈中添加一个记录，点击后退会返回到上一个页面

// 字符串

this.$router.push('index')

// 对象

this.$router.push({path: 'login-pw'})

// 带参数

this.$router.push({path: 'login-pw', query: {'account': this.account.account}})

// 跳转后的页面获取参数

this.account.account = this.$route.query.account

this.$router.replace

跳转到指定url路径，但是history栈中不会有记录，点击返回会跳转到上上个页面

this.$router.go(n)

向前或者向后跳转n个页面，n可为正整数或负整数

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 this.$router.push、replace、go的区别 vue 之this.$router.push、replace、go的区别 vue 之this.$router.push、replace、go的区别 Vue this.$router.push、replace、go的区别 vue 之this.$router.replace和this.$router.push的区别 this.$router.push() 的用法 vue中this.$router.push用法 this.$router.go()和this.$router.push()的差别 vue 中router.go；router.push和router.replace的区别 vue router.push(),router.replace(),router.go()