问题描述

大家好！我是夏小花，今天是2024年4月22日|农历三月十四，今天这篇博文主要解决swiper 去掉轮播图上的小点点 小圆圈，具体解决方案如下所示

解决方案

问题复现

现在现在可以看到轮播图上是有小小圆圈的，但是觉得有点不好看，向把他去掉

这是源代码

<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval":duration="duration"><swiper-item v-for="(lunbo,indexl) in lunboList"><image style="width: 100%" :src="lunbo"></image></swiper-item>
</swiper>

处理方案

我们需要修改一下indicator-dots的属性值为false，如下所示：
indicator-dots：表示显示标签的样式，比如说小圈圈

:indicator-dots="false"

详细代码如下：

<swiper class="swiper" :indicator-dots="false" :autoplay="autoplay" :interval="interval" :duration="duration"><swiper-item v-for="(lunbo,indexl) in lunboList"><image style="width: 100%" :src="lunbo"></image></swiper-item>
</swiper>