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

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

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

让重绘慢点,setTimeout