vue插件篇
1、vue-awesome-swiper 轮播
引入 import { swiper, swiperSlide } from ‘vue-awesome-swiper’
遇到的一个问题是当自己手动拨了一下,然后就不自动播放了,这里要写一个参数
autoplayDisableOnInteraction : false,
下面是页面里面的用法
<swiper :options="swiperOption">
<swiper-slide v-for="carousel in carousels">
<img :src="carousel.url"/>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
配置是:
swiperOption: {
autoplay: 4000,
pagination: ".swiper-pagination",
autoplayDisableOnInteraction : false,
mousewheelControl: true
}
基本都是swiper的参数
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
- 上一篇:没有了
- 下一篇: vue之页面缓存问题(基于2.0)