Vue 项目中 Swiper 轮播图无法显示 swiper-pagination 分页小圆点

在 Vue 项目中使用Swiper组件，虽然添加了分页器，如下：但是最后只有轮播图片显示，上面没有自动切换的小圆点解决：把 pagination: “.swiper-pagination” 换成如下写法此时有小圆点分页器：...

自～渡

8464人浏览 · 2019-10-06 20:49:48

自～渡 · 2019-10-06 20:49:48 发布

在 Vue 项目中使用Swiper组件，虽然添加了分页器，但是最后只有轮播图片显示，上面却没有自动切换的小圆点
如下：
在这里插入图片描述

解决圆点无法显示的问题：
把 pagination: “.swiper-pagination” 换成如下写法
在这里插入图片描述
此时有小圆点分页器：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^