vue-awesome-swiper使用中的一些问题
阅读原文时间:2023年07月08日阅读:1

项目中使用了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"属性解决。

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章