情景:用户购物车-结算页-支付后跳转到跳转到订单列表,当按返回时重定向到首页
1.使用this.$router.replace()
2.
mounted() {
// 挂载完成后,判断浏览器是否支持popstate
if (window.history && window.history.pushState) {
history.pushState(null, null, document.URL);
window.addEventListener('popstate', this.goBack, false);
}
},
// 页面销毁时,取消监听。否则其他vue路由页面也会被监听
destroyed(){
window.removeEventListener('popstate', this.goBack, false);
},
methods: {
goBack(){
// 个人中心进入返回上一级,支付后进入返回首页
if (!this.$route.query.type) {
this.$router.replace({path: '/'})
} else {
history.go(-1);
}
},
toindex() {
this.$router.push('/articles/myticket')
},
toarticles() {
this.$router.push('/articles')
}
},