vue监听路由变化

cang12345

已于 2022-03-25 15:52:40 修改

阅读量1k

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

于 2022-03-24 19:50:49 首次发布

本文链接：https://blog.youkuaiyun.com/m0_46829927/article/details/123719785

版权

vue 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何在Vue应用中，通过watch监听特定路由变化，实现从`/league_mgr/down_club_table`到`/club_mgr/club_find`的页面跳转时，调用自定义方法openThisPage。同时提及了如何使用immediate参数确保首次加载时也触发监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

watch: {
    $route(to, from) {
      if(from.path == "/league_mgr/down_club_table" && to.path == "/club_mgr/club_find") {
        this.openThisPage()
      }
    }
    /*
    $route: {
      immediate: true, // watch中的监听，第一次创建的时候，不会立即执行，加上这个参数，会立即执行
      handler(to, from) {
        console.log("111 ------ ", to.name, to.path);
        console.log("111 ------ ", from.name, from.path); // 注意，如果刷新页面，则没有from
      },
    },
    */
  },