解决方法
删除canvas组件的触摸事件回调,以下事件:
bindtouchstart
bindtouchmove
bindtouchend
bindtouchcancel
-
bindlongtap
;
文件结构:
wxapp
├─ dist
├─ ...
├─ src
└─ static
├─ f2-vanvas
│ └─ lib
├─ ...
└─ f2-canvas.wxml
f2-canvas.wxml
页面代码如下:
<!-- 原canvas组件 -->
<canvas class="f2-canvas" canvas-id="{{ canvasId }}" bindinit="init"
bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" bindlongtap="press"
>
</canvas>
<!-- 去除touch事件响应后 -->
<canvas class="f2-canvas" canvas-id="{{ canvasId }}" bindinit="init" ></canvas>
问题原因
图表canvas监听touch事件阻止冒泡,页面滑动无法触发。
反思
总是想着antv F2 的图表组件有问题,虽然也是有吧,但这是antv F2 拓展插件手势操作的,还是应该熟读文档。