beforeRouteLeave Vue路由离开触发的钩子
2022-07-25 本文已影响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()//一定不要忘记写
},