mpvue 中使用 wx-f2 tooltip 失效解决

最新推荐文章于 2025-10-12 10:29:15 发布

原创最新推荐文章于 2025-10-12 10:29:15 发布 · 936 阅读

0 ·

CC 4.0 BY-SA版权

mpvue 专栏收录该内容

30 篇文章

订阅专栏

本文提供了一种解决F2 Canvas事件监听问题的方法，通过在Vue项目中直接修改F2库源码实现对事件的监听与取消监听。具体操作包括重写F2库中的事件添加与移除函数。

直接贴出解决方案，需要在vue文件里面拷贝f2-canvas.js里面的代码：

F2.Util.addEventListener = function (source, type, listener) {
  source.addListener(type, listener);
};
F2.Util.removeEventListener = function (source, type, listener) {
  source.removeListener(type, listener);
};
F2.Util.createEvent = function (event, chart) {
  const type = event.type;
  let x = 0;
  let y = 0;
  const touches = event.touches;
  if (touches && touches.length > 0) {
    x = touches[0].x;
    y = touches[0].y;
  }
  return {
    type,
    chart,
    x,
    y
  };
};