vue 路由跳转 自定义 class 不存在(被覆盖) router-link-active

文章目录

问题描述

  1. 页面第一次加载的时候(页面初始化)的时候,自定义路由是生效的;
  2. 但是路由跳转出去之后,跳回来,class就设置不上了;
  3. 一开始以为自己代码逻辑有问题,检查半天不是;
  4. 换一个方法写,还是只有第一次加载失效,那么肯定不是我代码逻辑的问题了;
  5. debugger 发现,自定义 class 其实是加上去的,但是最后却不见了 (一_一),懵逼ing…;
  6. 折磨半天,突然反应过来 router-link-active 这个小东西不也是加上去的吗?会不会是覆盖了;
  7. 那么问题来了 router-link-active 这个小东西是什么时候才会添加到class中呢,源码会告诉你…

解决办法

  • 代码嘛,肯定是按顺序执行,后面的代码覆盖前面的嘛;
  • 那么那个时候才是dom更新的最后阶段呢?

蛇精病才去找最后的阶段

this.$nextTick(() => {
    
    
	this.updateMenu(this.$route);
})

渲染完再处理不行吗?

猜你喜欢

转载自blog.csdn.net/cc_King/article/details/116536398
今日推荐