解决从登录页通过this.$router.push跳转首页后点返回健路由变而页面不变的问题

做H5项目的时候遇到一个问题，我从 login 登录页通过 this.$router.push（{ name: 'home' }）路由登录成功后跳转到首页，但在ios系统下，会有一个默认返回条，点击返回键出现以下情况，路由显示的是回到登录页，而页面却还是首页。

解决思路：

开始我试着把push改为replace，但是发现并没什么卵用，还是会出现问题，所以只好用路由导航守卫去监听。

在首页加入beforeRouteLeave，监听到to.name如果是login的话就不跳转，否则就跳转，然后问题就解决了。

beforeRouteLeave (to, from, next) {if (to.name === 'login') {next(false)// 不跳转} else {next() // 跳转到另一个路由}
}

解决从登录页通过this.$router.push跳转首页后点返回健路由变而页面不变的问题相关推荐

解决iOS微信H5支付跳转微信后不返回App问题（Swift-WKWebview）（转）
解决iOS微信H5支付跳转微信后不返回App问题(Swift-WKWebview)(转) 参考文章: (1)解决iOS微信H5支付跳转微信后不返回App问题(Swift-WKWebview)(转) ( ...
解决路由器登录页被维盟智能路由管理系统拦截
不知道怎么了, 路由器登录页面 http://192.168.1.1/ 页面被维盟智能路由管理系统拦截了上网一查才知道,我们路由器上层,还有一层路由器管理,而那个路由器的登录页面也是 http:/ ...
elementUI中登录页form表单重复跳转登陆页
Vue项目中使用elementUI的表单组件开发登录框,如果登录button在form表单内会出现重复登录情况,具体情形如下: 原始登录地址如图,点击登录后会再次跳转至登陆页,之后地址变成如下图多了 ...
uniapp解决首页点击返回（手机返回键）跳到登录页
**各位在使用uniapp写小程序的时候发现从登录页跳到首页后,在首页点击返回键(或是手机的物理返回键)会出现空白或是跳到了登录页 ***在这里我总结了两种解决方法 1.第一种情况(也是最简单的一种解 ...
vue若依登录页跳转其他页
前言今天遇到一个情况,若依框架的登录页跳转问题,登录页下面有个注册,但是要在注册左边再加一个跳转,路由配好后点击跳转没反应,或者说是还是跳到了登录页之前不是跳的404,是我新加的一个公共路由页面, ...
页面监听，一段时间内不操作网页，就自动跳转到登录页
需求:用户在 5 分钟内没有操作网页,就自动跳转到登录页. 环境:jquery 项目,有公共的 js 文件 . 在所有页面都引用的 js 文件中添加下面代码: //判断用户是否在5分钟内未操作页面,如 ...
this.$router.push用query传参对象时需注意的地方
在vue项目中,我们用函数式编程this.$router.push跳转,用query传递一个对象时要把这个对象先转化为字符串,然后在接收的时候要转化为对象,要不然会接收不到参数.要不就把参数分开传递, ...
Vue中this.$router.replace和this.$router.push的区别
this.$router.push 跳转到指定URL,向history栈添加一个新的纪录,点击后退会返回至上一个页面. 声明式:< router-link :to = "-" ...
this.$router.push方法，父子如何传值和接收值
vue路由this.$router.push传参 query传参页面刷新会出现undefined的问题(仅针对query传参) params传参两种传参方式的区别 query传参点击一个按钮想跳 ...

解决从登录页通过this.$router.push跳转首页后点返回健路由变而页面不变的问题

解决思路：

解决从登录页通过this.$router.push跳转首页后点返回健路由变而页面不变的问题相关推荐

最新文章

热门文章

解决从登录页通过this.$router.push跳转首页后 点返回健路由变而页面不变的问题

解决思路：

解决从登录页通过this.$router.push跳转首页后 点返回健路由变而页面不变的问题相关推荐

最新文章

热门文章

解决从登录页通过this.$router.push跳转首页后点返回健路由变而页面不变的问题

解决从登录页通过this.$router.push跳转首页后点返回健路由变而页面不变的问题相关推荐