Vue 单页面处理手机返回键问题

在用Vue开发单页面App时候,有时会遇到要处理返回按键的逻辑,让它不是返回默认的上一级页面,而是转到指定的页面。 百度了查了一下,网上给的方法基本都是通过监听“popstate”,并不能完美解决。后来想到了Router的“导航守卫”,在离开时进行处理一下即可。话不多说,直接上例子:

beforeRouteLeave (to, from, next) {
      if(this.success){
        next({path:'/home'});//重定向到指定路径
      }else{
        next()
      }
  }

就是在next()方法里面重定向就行。完美解决,还不用绑定监听再解绑监听。

你可能感兴趣的:(Vue)