美文网首页
VUE监听路由变化事件(未完)

VUE监听路由变化事件(未完)

作者: ThemisHoo | 来源:发表于2020-01-14 20:25 被阅读0次

先贴代码,用的不是很明白,以后补充

export default {
  name: "applicationIndex",
  data() {
    return {};
  },
  created() {},
  components: {},
  beforeRouteEnter(to, from, next) {
    next(vm => {
      vm.showSubMenu = false;
    });
    // 在渲染该组件的对应路由被 confirm 前调用
    // 不!能!获取组件实例 `this`
    // 因为当守卫执行前,组件实例还没被创建
  },
  beforeRouteLeave(to, from, next) {
    // 导航离开该组件的对应路由时调用
    // 可以访问组件实例 `this`
    next();
  },
  watch: {
    $route(cur, old) {
      this.$nextTick(() => {
        this.$refs.activeIndex_sub.activeIndex = cur.path;
      });
    }
  }
};

相关文章

网友评论

      本文标题:VUE监听路由变化事件(未完)

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