关于 vue 的 this.$router.push、replace、go 的区别
- this.$router.push
说明:跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面、
代码演示:
this.$router.push('/index')
this.$router.push({path:'/index'})
this.$router.push({path:'/index', query:{name:'wendy'}})
this.$router.push({name:'index', params:{name:'wendy'}})
- this.$router.replace
说明:跳转到指定URL,替换history栈中最后一个记录,点击后退会返回至上上一个页面
代码演示:
this.$router.replace('/index')
this.$router.replace({path:'/index'})
this.$router.replace({path:'/index', query:{name:'wendy'}})
this.$router.replace({name:'index', params:{name:'wendy'}})
- this.$router.go(n)
说明:向前或向后跳转n个页面,n为正数表示向后跳转,n为负数表示向前跳转
代码演示:
this.$router.go(1)
this.$router.go(-1)
转载于:https://www.cnblogs.com/corgisyj/p/11352862.html