vue-awesome-swiper使用中的一些问题

项目中使用了vue-awesome-swiper，发现autoplay不能用。网上找了半天，说是版本问题。最后在main.js中添加以下代码解决。

 

import VueAwesomeSwiper from 'vue-awesome-swiper';

import 'swiper/swiper-bundle.min.css';

Vue.use(VueAwesomeSwiper);

import Swiper2, {Navigation, Pagination, EffectFade, Autoplay } from 'swiper';

Swiper2.use([Navigation, Pagination, EffectFade, Autoplay]);

 

另外，swiper中的循环项目过多，导致页面卡顿，解决办法是把swiper-slide改成swiper-item。

swiperOption中的slidesPerView需要设置，否则会导致swiper计算不准，出现swiper滚动到最后出现空白的现象。

 

在这里记录一个不是swiper的问题，a标签跳转打开链接的时候会在http标头中带上引荐来源信息到目标网站，目标网站如果判断有引荐来源可能会返回404页面，可以通过给a标签添加rel="noreferrer"属性解决。