用swiper.js做了个轮播图（4张图），轮播图（4张图）的div在一个大的div中，大的div包括其他非轮播内容，进入页面大div是隐藏的，点击按钮出现，这是导航小圆点显示正确，点击大的div后打div隐藏，再点击按钮大div出现，这时导航圆点显示在第一个，右滑一张图后，应该显示在第二个，但是这个小圆点却显示到第4个去了。这样该怎么解决？
swiper.js的pagination导航小圆点不随图片滑动了
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答
- 2022-05-17 14:27回答 3 已采纳 已经解决了...pagination不能写成对象，写成pagination:".类名"就行但是没搞明白为什么是这样
- 2022-05-17 14:18回答 2 已采纳 已经解决了...pagination不能写成对象，写成pagination:".类名"就行但是没搞明白为什么是这样
- 2021-10-17 16:24回答 1 已采纳 调整下导航容器样式swiper-pagination内容 .wrapper >>> .swiper-pagination bottom: 20px
- 2019-06-20 14:42玲曦的博客 本身框架的原因，重复初始化导致参数参数不对。 把初始化js放在其他地方试一试,比如body底部，使用多个组件时请加上id或者class用以区分
- 2022-10-27 20:05
react，结合现有代码引入antd mobile V5.22里的Swiper走马灯组件，浏览器报错`Swiper` needs at least one child
javascript
react.js
前端
回答 2 已采纳 警告是：swiper下面必须有chile。建议你先打印出你遍历的houseImg是否正确 - 2022-05-11 17:31回答 2 已采纳 1.自己写一个css样式后面加上！important覆盖原来的css，如果不行的话，去swiper官网，查一下一些配置项，找到参数改一下就行了。应该在js文件里.
- 2022-06-14 21:42回答 1 已采纳 swiper的版本要看你的vue是2还是3，官网上有解释。。5.0版本与之前版本不兼容，只适合与vue3，旧的版本有这三个，
- 2019-10-22 13:42小仙女de成长的博客 div class="swiper-pagination" slot="pagination"></div> //这个上面加一个 slot="pagination" new Swiper('.swiper-container', { loop: true, // 如果需要分页器 pagination:{ ...
- 2022-05-11 20:56回答 2 已采纳 node_modules模块下，没这个包，可能安装不成功
- 2022-11-07 15:39 react，尝试过在houseImg里写入空值、任意字符或图片的链接地址，chrome浏览器能显示到轮播图的多张图片，但仍然提示说`Swiper` needs at least one child
javascript
react.js
前端
回答 1 已采纳 Swiper至少需要一子元素 。 说明 你renderSwipers 返回的是空 。
- 2022-04-18 09:19回答 2 已采纳 navSwiper.$el 没有 on这个属性 。你用法有问题吧 $el 应该是个 变量吧 navSwiper[$el].on 你先打印 navSwiper和$el 看看 有没有值 。
- 2022-02-23 18:12Kudou-Shinichi的博客 swiper ，轮播图， swiper-pagination， 小圆点不显示
- 2021-01-04 17:53回答 11 已采纳 给你们一个解决方案 在 ts 项目下的 src 目录创建一个 `swiper-t.d.ts` 文件 /** * @作者: Seale * @时间: 2021/1/26 * @版本: V1.
- 2021-01-12 16:11bupt_ljh的博客 圆点样式源代码使用border-radius:100%....swiper-plugs.swiper-pagination-bullet-active{ background-color:rgba(255,255,255,1); width:33px; height:6px; } .swiper-plugs.swiper-pagination-bullet{ b...
- 2022-03-14 20:02南^思的博客 div class="swiper-pagination" slot="pagination"></div> <div class="swiper-button-prev" slot="button-prev"></div> <div class="swiper-button-next" slot="button-next"></div&...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 LiBeAs的带隙等于0.997eV,计算阴离子的N和P
- ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
- ¥15 matlab有关常微分方程的问题求解决
- ¥15 perl MISA分析p3_in脚本出错
- ¥15 k8s部署jupyterlab，jupyterlab保存不了文件
- ¥15 ubuntu虚拟机打包apk错误
- ¥199 rust编程架构设计的方案 有偿
- ¥15 回答4f系统的像差计算
- ¥15 java如何提取出pdf里的文字？
- ¥100 求三轴之间相互配合画圆以及直线的算法