美文网首页
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技巧:监听路由

    实现对route的监听 你肯定想不到,再watch中竟然能够监听route,是的因为你很多时候 需要做tab的跳转...

  • Vue 记事

    嵌套路由简易写法 Vue setInterval 使用 Vue 组件中添加监听 添加监听: handleGloba...

  • Vue-router路由

    vue 监听路由变化 vue-router 由hash向history模式变迁 什么是路由 后端路由:对于普通的网...

  • Vue-- 监听路由变化,数据无法更新?

    Vue-- 监听路由变化,数据无法更新?

  • 【源码】vue-rotuer1 原理

    大纲hash路由history路由vue-router简单实现vue中的数组,对象添加属性的监听 (1)Hash ...

  • vue路由监听

    一般都知道使用 方式进行路由切换 但是: 上面的方式只能针对子路由变换能监听到,也就是#/parent/child...

  • 导航守卫以及keep-alive

    一 什么是导航守卫? vue-router提供的导航守卫主要用来监听监听路由的进入和离开的.vue-router提...

  • vue-routes 基础(一)

    路由常用技巧 更新:2020-12-25 获取当前路由 路由监听(路由地址变化时才执行) 嵌套路由 嵌套路由其实就...

  • 自己写一个vue-router

    路由工作流程 URL发生改变 触发监听事件,vue-router触发Window自带监听 改变vuerouter里...

  • Vue 技巧

    整理Vue 开发技巧 1、页面需要导入多个组件 2、img 加载失败 3、Vue监听生命周期函数 4、外部监听生命...

网友评论

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

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