vue路由守卫之组件内的守卫--beforeRouteEnter

本文介绍了在Vue中如何使用beforeRouteEnter路由守卫来控制组件的数据刷新。当从特定路径切换时,通过next回调函数访问组件实例,根据路径判断是否需要刷新数据,以实现keep-alive缓存时的数据管理策略。
摘要由CSDN通过智能技术生成
例: beforeRouteEnter (to, from, next) {
  next(vm => {
    // 通过 `vm` 访问组件实例
    if (from.path.includes('xxx')) vm.flush = false
    else vm.flush = true
  })
}

由于vue在此阶段还没完成实例化, 在执行完之前, data数据还未渲染 . 所以在beforeRouteEnter方法中不能用this, 但是可以通过next回调函数中的参数来访问实例内的属性并赋值, 常见场景是该组件需要用在keep-alive中缓存时, 可以通过路径判断来确定是否需要刷新数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值