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

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.這種方法就是強推，也就是不兼容太低的版本，因為也沒有多少人用那么老的系統版本，如果遇到了，用戶反饋，讓他升級，對於我們前端人員來說這種方式是最好的！