Angular中Swiper滑动异常如何彻底解决？

本文共计193个文字，预计阅读时间需要1分钟。

swiper的机制是：初始化时自动扫描swiper-wrapper类下有多少个swiper-slide块，允许滑动多个块。在angular中，最终在swiper初始化后定义，swiper无法正确扫描有多少个slide（实际上找不到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, });