作者:訫嬘風飛_487_519 | 来源:互联网 | 2022-09-04 06:22
下载swiper
首先使用npm 或者cnpm下载swiper
引入swiper
import Swiper from ‘swiper';
import ‘swiper/dist/css/swiper.min.css';
使用swiper
mounted里面调用
mounted(){
var mySwiper = new Swiper('.swiper-container', {
autoplay:true,
loop:true
})
},
注意
如果想要从后台请求图片放上去 new Swiper要写在网络请求成功的函数里面,否则不会出来数据。
slider组件的内容如下:
解释一下:autoplay:true这样可以解决不自动轮播问题。如果想设置滚动的时间,用speed设置相应时间即可。direction可以设置轮播的方向。具体的参数可参考swiper的官网地址:http://www.swiper.com.cn/api/Effects/2015/0308/193.html
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。