关于vue使用swiper经常滑动到最后一个时显示不全的问题

1.实例介绍需求多个slide出现，并且能够滑动2实现方案设置slidesPerView为‘5’，这时候出现最后一个滑动显示不全设置slidesPerView为‘auto’,此时页面上只有一个出现css设置slide的宽度，配合设置slidesPerView为‘auto’实现需求防止后续继续被坑，特此记录！...

fireInMapleForest

3311人浏览 · 2021-06-25 09:27:56

fireInMapleForest · 2021-06-25 09:27:56 发布

1.实例介绍
需求多个slide出现，并且能够滑动

2实现方案
设置slidesPerView为‘5’，这时候出现最后一个滑动显示不全
在这里插入图片描述
设置slidesPerView为‘auto’,此时页面上只有一个出现

css设置slide的宽度，配合设置slidesPerView为‘auto’实现需求

防止后续继续被坑，特此记录！

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}$/, //不连续的两位字母// /^