美文网首页
vue技巧:监听路由

vue技巧:监听路由

作者: 党云龙 | 来源:发表于2019-09-30 16:12 被阅读0次

    实现对route的监听


    你肯定想不到,再watch中竟然能够监听route,是的
    因为你很多时候 需要做tab的跳转,其实再url中 是要切换页面的,
    这个时候,必须要再调用一遍页面加载的那个ajax。

    这个时候,你就需要监听route了!!
    可以子页面调用父级的方法,或者你再里面写个方法,一定要注意。

    watch: {
        $route(e) {
            this.$emit("updateDate");
        }
    }
    

    判断跳转的页面是哪个


    注意:龙哥发现这里面有一个坑
    因为route是全局的,你监听他的话,你得看看他跳转得是哪一个页面,
    to是到哪个页面 form是从哪个页面来
    你监听的时候需要看看到底是哪一个 然后再决定是否执行,否则 他就是全局的 非常坑爹。

    $route(to,form) {
      if(to.name=="CourseInfo"){
        this.$emit("updateDate");
      }
    }
    

    相关文章

      网友评论

          本文标题:vue技巧:监听路由

          本文链接:https://www.haomeiwen.com/subject/kcunuctx.html