Pan手势在移动端怎么实现拖拽效果？
我在用 Vue 做一个移动端的卡片拖拽功能，想用 Pan 手势识别，但试了 Hammer.js 没生效，不知道是不是写法有问题。
下面是我写的代码，绑定 pan 事件后控制台完全没输出，是不是哪里漏了？
<template>
<div v-hammer:pan="onPan" class="card">拖我</div>
</template>
<script>
export default {
methods: {
onPan(e) {
console.log('panning', e.deltaX, e.deltaY);
}
}
}
</script>- 1
回答
18浏览
Pan手势在移动端为啥没反应？
我在用 Hammer.js 做一个滑动删除的功能，绑定了 pan 事件，但在手机上怎么划都没触发。本地开发时 Chrome 模拟器里是好的，真机测试就失效了。 查了文档说要启用 recognizeWi...
- 2
回答
41浏览
AlloyFinger手势识别在移动端滑动时触发两次end事件怎么办？
我在用AlloyFinger实现移动端左右滑动切换页面时，发现onPanEnd事件会被触发两次，导致页面跳转逻辑混乱。代码检查过事件绑定没重复，但问题依然存在： const engine = new ...
- 2
回答
66浏览
手势拖动动画时，如何让视图位置和手势移动实时同步？
我在用PanGestureHandler实现可拖动卡片时，发现手势移动的位置和视图更新总有一两帧的延迟，感觉有点卡顿。尝试在onChange里用Animated.setValue更新坐标，但松手后位置...
- 1
回答
22浏览
Col列组件的span属性不生效是怎么回事？
我用的是Ant Design Vue的布局组件，明明给Col设置了span="6"，但页面上还是占满整行，根本没按24格栅格来分。是不是哪里漏了？ 我已经在外层套了Row，也引入了样式文件，但就是不生...
- 2
回答
26浏览
TDesign Mobile的TabPane内容区域无法滚动怎么办？
在用TDesign Mobile的Tab组件做页面时，发现TabPane的内容区域设置了高度后无法滚动，内容直接溢出到页面外了，试过加overflow属性也不行 <template> &l...
- 2
回答
69浏览
移动端左右滑动事件冲突怎么解决？用Hammer.js检测不到Swipe
在移动端页面里用Hammer.js实现侧边栏滑动时，左右滑动经常触发不了Swipe事件，有时候会变成Pan事件。我按文档写了代码： const mc = new Hammer(element); mc...
- 1
回答
21浏览
Press手势在移动端怎么才能准确触发？
我在用 Vue 开发一个移动端的按钮组件，想实现长按（Press）效果，但发现有时候点一下就触发了，有时候又完全没反应。我试过用 touchstart 和 touchend 计算时间差，但体验很不稳定...
- 2
回答
12浏览
Hammer.js 手势识别在某些元素上不生效是怎么回事？
我用 Hammer.js 给一个 div 加了 pinch 和 pan 手势，但在真机上测试时发现有时候手势完全没反应，尤其是当这个 div 有 overflow: hidden 的时候。我试过加 t...
- 1
回答
16浏览
移动端滑动手势怎么判断方向和距离？
我在做移动端的图片轮播，想通过 touch 事件实现左右滑动切换。但不知道怎么准确判断用户是向左还是向右滑，而且滑动距离太小的时候不应该触发切换。 我试过记录 touchstart 和 touchen...
- 2
回答
109浏览
为什么在Row中使用Expanded时会报错说有多余的非灵活子组件？
我在用Flutter写页面布局时遇到了问题，当在Row里放了两个Expanded和一个Text组件后，运行时报错："RenderFlex children have non-zero flex but...
然后就能用了。注意 hammerjs 2.x 对移动端支持好，PC 上得用 mouse 事件模拟。