vue中wacth监听，添加debugger，代码执行生效，去掉debugger，代码执行，不生效

Question

在vue中用echarts绘制折线图，需要实现下钻效果，目前是点击折现图拐点，跳到其他页面，由于项目左侧菜单时收缩似的，所以菜单隐藏弹出，需重绘canvas，达到响应式效果，目前问题是，菜单隐藏，鼠标可以选中折线图拐点，菜单弹出，鼠标选中拐点不生效，需要鼠标向右移动大概30px左右，才能选中拐点，但此时鼠标不在折线图拐点上，目前我的方案是，wacth监听左侧菜单变化，重绘echarts，但是只有在wacth中添加debugger，才能重绘生效，去掉debugger，代码不生效？

Answer 1

debugger的时候应该是提供了重绘前的一定时间去准备获取dom或者是等待dom变化完，所以执行重绘才可以，放开debugger后没时间准备所以gg。可以用setTimeout包裹重绘的核心代码，setTimeout(() => { // 重绘的核心代码 }, 300)