1***@qq.com
1***@qq.com
  • 发布:2023-11-08 14:09
  • 更新:2023-11-14 09:47
  • 阅读:282

【问题已解决】通过更改图片url来达到更新image图片的目的,但会导致父元素的触摸事件touchstart等中断,有没有办法避免?

分类:uni-app
<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也就是这三个事件会被中断。有没有什么办法能使拖动过程中,也能让图片重新加载时不影响触摸事件?

2023-11-08 14:09 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

通过在image前增加一个脱离文档流的蒙层,将点击事件转移到该蒙层之上,图片更新imageurl时就不再影响到拖拽的操作。

要回复问题请先登录注册