beforeRouteLeave Vue路由离开触发的钩子

beforeRouteLeave带有三个参数,分别是to,from,next

  • to(指向目的地的对象信息)
  • from(指向来源对象信息)
  • next(继续向下走)(next(true), next()都是正常向下走,next(false)停止向下走)

页面离开的方式,一般分为两种:
1. 指向性离开(触发固定式的链接而离开)
2. 非指向性离开(物理返回或关闭离开)

注意:beforeRouteLeave只对内部路由约束外部链接是不受约束的当前路由刷新也不受约束

示例demo,仅供参考

 // 点击后拿到数据返回给下单地址
  beforeRouteLeave (to, from, next) {
    if (to.name === 'home') {
      to.query.temp = '这里是参数,选中后的地址'
    }
    console.log(to)
    console.log(from)
    next()//一定不要忘记写
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容