vue项目中返回处理(如果有历史记录则返回上一条历史记录,如果没有则返回首页)
下面是我写的一个行程规划详情页面,假如用户是通过别人分享直接点击进来的话,那么他的上一条历史记录应该是不存在的。如果要想返回到首页或者其他的指定页面,可以进行判断浏览器的历史记录是否存在进行处理。定义全局back()方法,代码如下:Vue.prototype.back = function () {if (window.history.length > 1) {...
·
下面是我写的一个行程规划详情页面,假如用户是通过别人分享直接点击进来的话,那么他的上一条历史记录应该是不存在的。如果要想返回到首页或者其他的指定页面,可以进行判断浏览器的历史记录是否存在进行处理。
定义全局back()方法,代码如下:
Vue.prototype.back = function () {
if (window.history.length > 1) {
this.$router.back()
} else {
this.$router.push('/')
}
}
但是如果浏览器已经打开过,并且浏览过其他页面。点击返回还是会返回到浏览器首页或者其他的浏览的页面。处理方法,在webstorage里存储路由变量,即当前路由,上一条路由。然后判断上一条路由是否存在,进行处理即可!
更多推荐
已为社区贡献38条内容
所有评论(0)