美文网首页
beforeRouteLeave Vue路由离开触发的钩子

beforeRouteLeave Vue路由离开触发的钩子

作者: 王果果 | 来源:发表于2022-07-25 12:05 被阅读0次

    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()//一定不要忘记写
      },

    相关文章

      网友评论

          本文标题:beforeRouteLeave Vue路由离开触发的钩子

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