解决 echarts 图的点击事件(点击重复触发，反复请求)的问题

最新推荐文章于 2023-12-14 10:16:40 发布

厚积薄发的Cicci

最新推荐文章于 2023-12-14 10:16:40 发布

阅读量1.4k

点赞数 1

分类专栏： echarts 文章标签： echarts echarts点击重复复发

本文链接：https://blog.csdn.net/wuqibuhuan/article/details/117261875

版权

echarts 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文讲述了在Vue项目中如何通过判断并清除点击事件绑定，实现点击事件触发次数的累加，避免因频繁请求导致后端压力。使用`_$handlers.click`属性检测并清空已存在的事件处理函数，确保每次点击仅触发一次请求。

摘要由CSDN通过智能技术生成

在写Vue项目时： 需要在echarts点击事件中调一个方法
在这里插入图片描述
发现点击一次后向后台请求一次再点击后向后台请求两次不刷新页面的前提下每点击一次就是在原基础次数上增加一次

这怎么能行！测试的时候后端估计要拿刀砍我！！！

想了一下的思路是点击前要做点什么

怎么再点击前清楚绑定看了官方的api 后解决办法如下：

  //防止重复触发点击事件
      if (cake2._$handlers.click) {
        cake2._$handlers.click.length = 0;
      }
      cake2.on("click", (params) => {
        // alert("我要的值：" + params.name);
        this.cakethree.category = params.name;
        this.cakeC();
      });