当前位置: 首页 > Web前端 > vue.js

如何解决ECharts重复触发点击事件?

时间:2023-03-31 20:47:53 vue.js

最近在写Vue项目的时候用到了ECharts。需求如下:点击某列,从服务器获取数据,然后重新渲染柱状图。完成后发现一个bug:从第二次点击开始,每次点击都会向服务器发起多次请求,而不是每次点击一次请求。经过分析发现,ECharts渲染后,点击事件绑定了直方图。但不能解绑。稍后再次点击重新渲染时,会执行多次点击,从而发起多次请求。解决方法渲染ECharts时,先解绑点击事件,再绑定点击事件绕过。代码实现暂无数据

示例代码下载可以复制上面的代码运行看看效果,也可以从GitHub下载:https://github.com/Jackyyans/code123,更多示例会更新不断,欢迎关注