1、在使用swiper插件的時候，如果內容都是靜態資源的話不會出現錯誤，但是動態的話會出現劃不動，或者白屏

分析：這種bug是怎樣出現的，一般都是初始化的位置不對

方法：

swiperInit() {
    var mySwiper = new Swiper(‘.swiper-container‘, {
        pagination : ‘.swiper‘,
        paginationType : ‘bullets‘,
        autoplay : 200,
        
    })
}
//這個是swiper的初始化方法，如果你是在created鉤子函數中執行的那麽，肯定會出現bug，如果你在moutend裏面初始化，
//就要看你的請求數據是在哪裏執行的，如果在初始化之後，同樣會出現bug，我個人建議，在updated鉤子函數裏面取初始化，
//因為這時候數據變化了以後，資源準備完畢了

　2、移動端項目中，手機版本低的時候，會出現什麽都沒有的情況

分析：這種bug出現的情況還是比較多的，如果兼容低版本，你就需要知道，部分低版本不兼容es6，而swiper使用了es6語法

方法：

//1.解決方法是在項目根目錄下新建一個文件vue.config.js，在裏面添加如下代碼：
module.exports = {
  chainWebpack: config => {
    config.rule(‘js‘).include.add(/node_modules\/(dom7|swiper)\/.*/)
  }
}
//2.這種方法就是強推，也就是不兼容太低的版本，因為也沒有多少人用那麽老的系統版本，如果遇到了，用戶反饋，讓他升級，對於我們前端人員來說這種方式是最好的！

解決幾個vue中是swiper插件遇到的bug