vue beforeRouteEnter()和beforeRouteLeave()的解释和根据跳转来的页面决定顶部的返回按钮去哪里

beforeRouteEnter    进入路由之前执行的函数。next();  代表跳转

beforeRouteEnter(to, from, next){

要执行的代码操作

next();

}

 

beforeRouteLeave    离开路由之前执行的函数

beforeRouteLeave(to, from, next) {
               if(to.query.mark==undefined){localStorage.setItem('flag',"")}
               next();
           },

 

 

根据跳转来的页面决定顶部的返回按钮去哪里

一般情况下写router.back(-1)就可以返回的之前来的页面这样：

<button icon="back" @click="$router.back(-1)"></button>

 

但是发现有的苹果手机并不能兼容啊。返回点击无效。所以我们通过beforeRouteEnter来记住来的页面。然后写死返回的页面

 beforeRouteEnter(to,from,next){
       let  type=from.path；//上个页面的路径保存起来

//    this.type=type;  //但是这里是获取不到data里面定义的数据type的赋值也没有用。

//console.log(this) // 结果为undefined，因为