美文网首页
vue如何做到手动刷新跳到指定页面

vue如何做到手动刷新跳到指定页面

作者: 不再犹豫Debug | 来源:发表于2019-01-27 11:46 被阅读0次

OK,废话不多说。来看方法。

router.beforeEach((to, from, next) => {
  if(store.state.avatar == '' && to.path != '/'){
    next({ 
      path: '/',
      replace: true
    })
  }else{
    next();
  }
})

说下原理。
首先,reload会清空vuex里的东西,然后reload后会重新走一遍路由。知道这两个事情后就简单了。
首先初始化的时候在vuex里放一个变量,然后在路由钩子里监听它,如果变为空,且当前路由并不是你指定的那个路由(我这里是首页),那就在next里重新指定一下路由的指向。

相关文章

网友评论

      本文标题:vue如何做到手动刷新跳到指定页面

      本文链接:https://www.haomeiwen.com/subject/srugjqtx.html