安装
npm install vue-awesome-swiper -save 或者 yarn add vue-awesome-swiper
使用
全局注册没问题
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'
Vue.use(VueAwesomeSwiper)
局部页面注册会报错,原因暂时未知。
页面调用
<swiper ref="mySwiper" :options="swiperOptions" class="my-swiper">
<swiper-slide> <img src="index.png" /> </swiper-slide>
</swiper>
export default {
name: "screen",
components: {},
data () {
return {
swiperOptions:{
// 轮播图的方向，也可以是vertical方向horizontal
direction:'vertical',
//播放速度
loop: true,
//自动播放
autoplay: {
delay: 3000,
stopOnLastSlide: false,
disableOnInteraction: true,
},
// 播放的速度
speed:2000,
},
}
},
computed: {},
mounted(){},
methods: {}
}