问题描述
- 页面第一次加载的时候(页面初始化)的时候,自定义路由是生效的;
- 但是路由跳转出去之后,跳回来,class就设置不上了;
- 一开始以为自己代码逻辑有问题,检查半天不是;
- 换一个方法写,还是只有第一次加载失效,那么肯定不是我代码逻辑的问题了;
- debugger 发现,自定义 class 其实是加上去的,但是最后却不见了 (一_一),懵逼ing…;
- 折磨半天,突然反应过来
router-link-active
这个小东西不也是加上去的吗?会不会是覆盖了; - 那么问题来了
router-link-active
这个小东西是什么时候才会添加到class中呢,源码会告诉你…
解决办法
- 代码嘛,肯定是按顺序执行,后面的代码覆盖前面的嘛;
- 那么那个时候才是dom更新的最后阶段呢?
蛇精病才去找最后的阶段
this.$nextTick(() => {
this.updateMenu(this.$route);
})
渲染完再处理不行吗?