个人笔记-----Vue中路由里的钩子函数【如有不对，欢迎指正】

最新推荐文章于 2025-07-10 09:45:16 发布

詩酒趁年华

最新推荐文章于 2025-07-10 09:45:16 发布

阅读量409

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/sinat_42664398/article/details/89737652

vue 专栏收录该内容

29 篇文章

订阅专栏

博客介绍了路由里的两个钩子函数，分别是beforeRouteEnter和beforeRouteLeave。beforeRouteEnter是进入页面之前需写在对应页面，beforeRouteLeave是离开页面之前也需写在对应页面。

路由里的钩子函数有两个，beforeRouteEnter和beforeRouteLeave
beforeRouteEnter是进入…之前，next(true)必须要写，要进入哪个页面就写在哪个页面里面。
beforeRouteLeave是离开…之前， next(true)必须要写，要离开哪个页面就写在哪个页面里面。

写在页面中，

这是要about页面，
<script>
   export default {
    data() {
      return {

      }
    },
    beforeRouteEnter(to,from,next){
      alert('进入about之前');
      console.log('进入about之前');
      next(true)
    },
    beforeRouteLeave(to,from,next){
      alert('离开about之前');
      console.log('离开about之前');
      next(true)
    }
  }
</script>