关于swiper在vue中不生效的问题

Posted neo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于swiper在vue中不生效的问题相关的知识,希望对你有一定的参考价值。

在初始化swiper中加入这两个属性:

observer:true
observeParents:true
var swiper = new Swiper(‘.swiper-container‘, {
    pagination: ‘.swiper-pagination‘,
    paginationClickable: true,
    observer:true //修改swiper自己或子元素时,自动初始化swiper
    observeParents:true,//修改swiper的父元素时,自动初始化swiper
});

  

以上是关于关于swiper在vue中不生效的问题的主要内容,如果未能解决你的问题,请参考以下文章

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

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

在Vue中使用Swiper轮播图同时解决点击轮播图左右切换按钮不生效的问题同时将轮播图抽离出为一个公共组件

关于Swiper和vue数据顺序加载问题处理

vue swiper 5x vue-awesome-swiper 配置缩略图双向控制

nuxt使用vue-awesome-swiper组件采坑记录