解決vue-awesome-swiper輪播無法自動播放

使用原本推薦的置入方式都會在自動播放時失效

解決方式:修改main.js置入的方式

import { Swiper as SwiperClass, Pagination, Mousewheel, Autoplay, Navigation } from 'swiper/swiper.esm'
import getAwesomeSwiper from 'vue-awesome-swiper/dist/exporter'
SwiperClass.use([Pagination, Mousewheel, Autoplay, Navigation])
Vue.use(getAwesomeSwiper(SwiperClass))
import 'swiper/swiper-bundle.css'

使用的版本
“swiper": “^6.4.5",
“vue-awesome-swiper": “^4.1.1",

關於站主

Shiro

因為興趣無限擴張,一直很猶豫要不要寫一個很雜的Blog,後來還是這麼做了。

聯絡:shiro050102✦gmail.com  ✦請自行更換成@

VueVue