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);
})

渲染完再处理不行吗？