javascript - 如何动态更新 Swiper 以响应新的 Slide Array?
问题描述
我想动态检索数据并将其作为幻灯片插入到我的滑块中。我正在使用Swiper来执行此操作。但是,我遇到了问题,因为 Swiper 不会随着数组中幻灯片数量的增加而更新。只有当我在新幻灯片可用后重新初始化 Swiper 时,Swiper 才会找到新数组。我找到了在子项更新时重新初始化 Swiper的观察者参数。但是,我不能将其设置为活动,即observer:true
不可能。
如何激活observer
参数。我尝试过以下方法?
<Swiper
slidesPerView={1.2}
spaceBetween={10}
loop={false}
centeredSlides={true}
observer={true}
observeParents={true}
pagination={{
clickable: true,
}}
onSlideChange={
(swiper) =>
handleIndexChange(swiper.activeIndex)
}
onSwiper={(swiper) => console.log(swiper)}
>
{ShowItems}
</Swiper>
解决方案
推荐阅读
- java - Spring Boot - Hibernate - OneToMany - 外键
- dart - 在 dart 中访问折叠/减少中的前一个元素
- python - 如何根据现有列和熊猫列表之间的比较添加列
- c# - 将 JSON 列转换为单列 JSON 请求 .net
- android - Intellij IDEA 生成空的 R.java
- rust - 与子进程多次通信
- r - 在 R 中使用 Tidyverse 将连续变量重新编码为具有*特定“类别的分类
- node.js - 节点 js xhr 轮询时间过多 25 30 秒
- c# - c#实现T的泛型以避免额外的逻辑并具有更简洁的代码
- javascript - 如何验证对象中是否设置了变量?