<view
class="input-flex"
v-for="(value, key) in image_group"
:key="key"
@touchstart="onTouchStart(key, $event)"
@touchmove="onTouchMove($event)"
@touchend="onTouchEnd"
>
<image
:src="value.imgurl"
class="input-index"
style="width: 100%; border-radius: 5rpx 5rpx 0 0"
>
</image>
</view>
mounted() {
this.refreshimgtimer = setInterval(() => {
this.updateImage();
}, 8000);
},
当我通过updateImage()函数会更新value.imgurl中的时间戳的值,也就是图片url会改变,进而更新图片,但在图片加载的过程中进行拖动就会导致元素卡住,@touchstart@touchmove@touchend也就是这三个事件会被中断。有没有什么办法能使拖动过程中,也能让图片重新加载时不影响触摸事件?
1 个回复
1***@qq.com (作者)
通过在image前增加一个脱离文档流的蒙层,将点击事件转移到该蒙层之上,图片更新imageurl时就不再影响到拖拽的操作。