<template>
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="#1baeae">
<van-swipe-item v-for="(item, index) in list" :key="index">
<img :src="item.carouselUrl" alt="" @click="goTo(item.redirectUrl)">
</van-swipe-item>
</van-swipe>
</template>
<script>
export default {
props: {
list: Array
},
methods: {
goTo(url) {
window.open(url)
}
}
}
</script>
<style lang='less' scoped>
.my-swipe {
img {
width: 100%;
height: 100%;
}
}
</style>
<swiper :list="swiperList"></swiper>
引入 app.js
import { createApp } from ‘vue’;
import { Swipe, SwipeItem } from ‘vant’;
const app = createApp();
app.use(Swipe);
app.use(SwipeItem);