作者：创办m觉e内能h行宫 | 来源：互联网 | 2023-12-11 19:35
本文介绍了如何使用vue-awesome-swiper组件，包括在main.js中引入和使用swiper和swiperSlide组件，以及设置options和ref属性。同时还介绍了如何在模板中使用swiper和swiperSlide组件，并展示了如何通过循环渲染swipes数组中的数据，并使用picUrl属性显示图片。最后还介绍了如何添加分页器。
main.js
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)
组件
"
container">
"swiperOption" ref="mySwiper">
for="(item,index) in swipes">
![]()
"item.picUrl" >
class="swiper-pagination" slot="pagination">
京公网安备 11010802041100号