the vue project uses "vue-awesome-swiper": "^ 2.5.4" to realize the rotation error report.
steps are as follows:
1, install
2, introduce
/ component reference /
import { swiper, swiperSlide } from "vue-awesome-swiper"
export default {
components: {
swiper,
swiperSlide
}
3, use
<swiper :options="swiperOption">
<swiper-slide><img src="static/images/jay.jpg"></swiper-slide>
<swiper-slide><img src="static/images/jay.jpg"></swiper-slide>
<swiper-slide><img src="static/images/jay.jpg"></swiper-slide>
<swiper-slide><img src="static/images/jay.jpg"></swiper-slide>
<swiper-slide><img src="static/images/jay.jpg"></swiper-slide>
<swiper-slide><img src="static/images/jay.jpg"></swiper-slide>
</swiper>
<!---->
<div class="swiper-scrollbar"></div> //
<div class="swiper-button-next"></div> //
<div class="swiper-button-prev"></div> //
<div class="swiper-pagination"></div> //
data(){
return{
swiperOption: {//swiper3
autoplay: 3000,
speed: 1000,
}
}
}
error after npm run dev:
what"s the problem?