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

2020-01-14  本文已影响0人  ThemisHoo

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

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;
      });
    }
  }
};
上一篇 下一篇

猜你喜欢

热点阅读