Swiper4.5.1移动端图片缩放无效：如何解决手指缩放失效问题？

<code class="vue"><template>
  <div class="image-preview">
    <div class="swiper-container" ref="myswiper">
      <div class="swiper-wrapper">
        <div v-for="(item, index) in imagelist" :key="index" class="swiper-slide">
          <div class="swiper-zoom-container">
            @@##@@
          </div>
        </div>
      </div>
      <div class="swiper-pagination swiper-pagination-customer" slot="pagination" style="text-align:left"></div>
    </div>
  </div>
</template>

<script>
import "swiper/dist/css/swiper.css";
import Swiper from "swiper";

export default {
  name: "imagepreview",
  props: {
    imagelist: {
      type: Array,
      default: () => [],
    },
    imageslide: {
      type: Number,
      default: 0,
    },
  },
  mounted() {
    const myswiper = new Swiper(".swiper-container", {
      width: window.innerWidth,
      zoom: true,
      initialSlide: this.imageslide,
      pagination: {
        type: "fraction",
        el: ".swiper-pagination",
        clickable: true, 
        currentClass: "swiper-pagination-current-cutomer",
        totalClass: "swiper-pagination-total-customer",
      },
      on: {
        click: () => {
          this.exitimgpreview();
        },
      },
    });
  },
};
</script></code>

<code class="javascript">const mySwiper = new Swiper(".swiper-container", {
  width: window.innerWidth,
  zoom: true,
  initialSlide: this.imageSlide,
  autoplay: false, // 关闭自动轮播
  pagination: {
    type: "fraction",
    el: ".swiper-pagination",
    clickable: true, 
    currentClass: "swiper-pagination-current-cutomer",
    totalClass: "swiper-pagination-total-customer",
  },
  on: {
    click: () => {
      this.exitImgPreview();
    },
  },
});</code>