vue图片左右滑动及手势缩放

引入vue-awesome-swiper

import 'swiper/dist/css/swiper.css';
import { swiper, swiperSlide } from 'vue-awesome-swiper';

components: {
  swiper,
  swiperSlide,
},

data() {
  return {
    swiperOption: {
      width: window.innerWidth,
      zoom : true,
      initialSlide: 0,
    },
  };
},

<swiper :options="swiperOption" ref="imgOverview" style="height: 100%;">
  <swiper-slide v-for="(img, index) in previewImg">
    <div class="swiper-zoom-container">
      <img :src="img" alt="">
    </div>
  </swiper-slide>
</swiper>