vue-awesome-swiper使用自动轮播和循环轮播不生效

论坛 期权论坛 脚本     
匿名技术用户   2021-1-3 23:06   27   0

vue-awesome-swiper使用自动轮播和循环轮播不生效(loop和autoplay)

在项目中使用vue-awesome-swiper如果loop和autoplay总是出现各种问题,第一次加载的时候,轮播是不动的,需要重新加载一下swiper才会轮播

解决方案:

复制代码

//轮播设置
swiperOption: {
  direction: 'vertical',
  observer:true,//修改swiper自己或子元素时,自动初始化swiper 
  observeParents:true,//修改swiper的父元素时,自动初始化swiper 
  loop:true,
  autoplay: {
    delay: 2000,
  disableOnInteraction: false
  }
}

复制代码

需要添加上两个属性,这样达到一个初始化swiper的目的

observer:true,//修改swiper自己或子元素时,自动初始化swiper 
observeParents:true,//修改swiper的父元素时,自动初始化swiper 
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP