移动端Web如何实现IOS双击事件。

Question

问题：图片绑定了一个双击事件，双击可切换放大/缩小查看图片，在安卓手机正常响应，但在Chrome浏览器模拟器里双击事件不响应，在苹果手机也不响应；使用的是vue的事件绑定v-on:dblclick="", 暂时不知道原因，麻烦知道的告诉一声，谢谢了！
相关代码如下：

<div id="V_zoom" class="mask J_zoom">

  <header class="cb_header secondary">

    <span @click="closePreImg()" class="back"><i class="angle left large icon"></i>返回</span>

  </header>

  <div class="mask-content" style="display: flex; align-items: center;">

    <div style="min-width: 100vw; text-align: center;">

      <img v-on:dblclick="zoomImage()" :src="photo.image_url" :alt="photo.description" :width="showSize.width" :height="showSize.height">

    </div>

  </div>

  <div class="bottom-text">

    {{ photo.description }}

  </div>

</div>