vue中的进入当前页面和离开当前页面的方法

有的时候就是会需要进入当前页面需要执行的操作,那这个时候就需要用到下边的方法啦

beforeRouteEnter:(to, from, next) => {

      next();

    },

有的时候还需要再离开当前页面的时候执行一个动作,离开当前路由的时候就需要用下边的方法

beforeRouteLeave:(to, from, next) => {

      localStorage.removeItem("time")

      next();

    },

以上就是进入页面和离开页面执行的操作了,还可以检测当前的路由呢,希望对大家带来帮助

   

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 组件进入当前页面时,可以使用 `beforeRouteEnter` 守卫来触发相应的操作。这个守卫会在当前组件被激活时被调用,可以在这里执行一些初始化操作或者加载数据等操作。 示例代码: ```javascript export default { name: 'MyComponent', beforeRouteEnter (to, from, next) { // 在这里执行初始化操作或者加载数据等操作 next() } } ``` 在这个示例代码,`beforeRouteEnter`守卫会在组件被激活时被调用,你可以在这里实现你的操作。在这个守卫,你无法访问组件实例 `this`,但是可以通过传入回调函数的方式来访问组件实例。最后,你需要调用 `next()` 方法来继续执行下一个守卫或者完成导航。 同时,当 Vue 组件离开当前页面时,可以使用 `beforeRouteLeave` 守卫来触发相应的操作。这个守卫会在当前组件即将离开时被调用,可以在这里执行一些清理操作或者弹出提示框等操作。 示例代码: ```javascript export default { name: 'MyComponent', beforeRouteLeave (to, from, next) { // 在这里执行清理操作或者弹出提示框等操作 next() } } ``` 在这个示例代码,`beforeRouteLeave` 守卫会在组件即将离开时被调用,你可以在这里实现你的操作。在这个守卫,你可以访问 `to` 和 `from` 对象,它们分别代表即将进入的路由和即将离开的路由。最后,你需要调用 `next()` 方法来继续执行下一个守卫或者完成导航。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值