问题:
在nuxt.js中使用vue-awesome-swiper 在ie11浏览器下报错,导致页面一片空白
解决:
把vue-awesome-swiper 降至v3.1.3,并无需单独安装swiper,写法上略微做了调整,区分ssr和spa模式,具体用法参考:https://github.com/surmon-china/vue-awesome-swiper/tree/v3.1.3
总结:
一定要把最开始安装的swiper 和 vue-awesome-swiper卸载再重新安装vue-awesome-swiper@3.1.3
npm install vue-awesome-swiper@3.1.3 --save
需要注意的一点是,在nuxt.js里使用时,要用以下的方式引用
if (process.client) {
const VueAwesomeSwiper = require("vue-awesome-swiper/dist/ssr")
Vue.use(VueAwesomeSwiper)
}
否则会报,window undefined的错误