<van-swipe :autoplay="10000" class="swiper"> <van-swipe-item v-for="(image, index) in images" :key="index" > <img :src="image" @click="Preview_img(images,index)"/> </van-swipe-item> </van-swipe>
<script> import {ImagePreview} from 'vant';//引入預覽 export default { name: 'HelloWorld', data() { return { images: [ 'https://img.yzcdn.cn/vant/apple-1.jpg', 'https://img.yzcdn.cn/vant/apple-2.jpg' ], } }, methods: { // 輪播圖預覽 Preview_img(images, index) { ImagePreview({ images: images,//圖片數組 showIndex: true, loop: false, startPosition: index }) } } } </script>