当前位置 : 主页 > 网络编程 > JavaScript >

解决在angular 中swiper 不能滑动问题

来源:互联网 收集:自由互联 发布时间:2021-06-28
swiper的机制是:初始化的时候自动扫描swiper-wrapper类下有多少个swiper-slide类块,则允许滑动多少个块。 而在angular始终在swiper初始化之后定义,swiper则无法正确scan有多少个slide(实际上找
swiper的机制是:初始化的时候自动扫描swiper-wrapper类下有多少个swiper-slide类块,则允许滑动多少个块。 而在angular始终在swiper初始化之后定义,swiper则无法正确scan有多少个slide(实际上找到一个待循环模板),所以划不动。 找到原因后,只须对症下药。 在查阅Swiper的API时发现,有这样两个参数:observer和observeParents,前者启动动态检查器,当改变swiper的样式(例如隐藏、显示)或者修改swiper的子元素时,自动初始化
const swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
      },
      // 修改swiper自己或子元素时,自动初始化swiper
      observer: true,
      // 修改swiper的父元素时,自动初始化swiper
      observeParents: true,
    });
网友评论