在Nuxt中使用vue-awesome-swiper报错:window is not defined
我是在swiper-3.1.3的环境中使用的,按照教程配置了教程之后还是报错。仔细对照了一下github上的教程,原来我在vue的script标签中直接import 了swiper这样做导致了报错。正确的做法是:<div class="clearfix" v-swiper:mySwiper="swiperOptions"><div class="swipe...
·
我是在swiper-3.1.3的环境中使用的,按照教程配置了教程之后还是报错。
仔细对照了一下github上的教程,原来我在vue的script标签中直接import 了swiper这样做导致了报错。正确的做法是:
<div class="clearfix" v-swiper:mySwiper="swiperOptions">
<div class="swiper-wrapper">
<div class="swiper-slide banner-1"></div>
<div class="swiper-slide banner-2">
<a class='full-box' href="http://www.mcsh.org.cn" target="_blank"></a>
</div>
<div class="swiper-slide banner-3">
<router-link class="full-box" to="/product"></router-link>
</div>
</div>
<div class="swiper-pagination" slot="pagination"></div>
<div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div>
</div>
将swiper组件,使用class来表示,不懂的可以去github上参考一下。
更多推荐
已为社区贡献2条内容
所有评论(0)