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