vue中使用swiper，pc端和电脑同时要访问，但pc端小屏只显示一张图片，并自动轮播，电脑端显示三张图片，并自动轮播
请问一下，vue中的swiper自动轮播时，大屏显示三张图，小屏显示一张图片怎么弄
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2021-04-21 16:12Kernel~的博客 离开当前页面后样式会重置，用户体验相当不好，注意看下图在跳转页面时swiper样式的变化 2. 原因： <swiper ref="mySwiper" :options="swiperOption"> <swiper-slide v-for="(item, index) in cardList" ...
- 2026-02-25 00:36壹心理的博客 本文详细介绍了在VUE3项目中集成Swiper轮播图的高级配置与优化实践。内容涵盖从模块引入、核心参数配置，到自动播放、特效、导航等高级功能的使用，并深入讲解了响应式适配、性能优化、实例控制与事件监听等进阶技巧...
- 2022-08-16 10:15IT-司马青衫的博客 基于 vue、datav、Echart 框架的大数据可视化（大屏展示）源码，基于VUE+Echarts 制作，实现大数据可视化。通过 vue 组件实现数据动态刷新渲染，内部图表可自由替换。部分图表使用 DataV 自带组件，可自由进行更改，...
- 2021-11-04 22:56闹闹没有闹的博客 效果图 ...div class="swiper"> <ul ref="swiper" class="swipero"> <li v-for="(item, index) in items" :key="index"> <div v-text="item.name"></div> </li> .
- 2023-10-08 11:00冥想中的小猫的博客 多张图无限循环滚动
- 2022-07-12 17:59一只疯猫的博客 h5(html5)+css3+移动端前端 知识点详细总结
- 2022-05-05 19:34鬼扯子的博客 鼠标经过轮播图，停止自动播放 图片无缝滚动原理，在最后插入第一张图（节点的深拷贝），这样两端切换就不会有过渡问题 从最后一张到第一张，可以正常轮播下一张（下一张就是第一张），再迅速跳回第一张 从第一张到...
- 2020-05-29 20:18「已注销」的博客 下面是JS的名字，我放了一些图片，所有图片全都放进去是不行的996个图太多，大家下载后可以看到。 css3聚光灯射线旋转动画特效 js圆形虚线指针时钟特效 HTML5 Canvas透明气泡动画特效 jedate选择一年范围.
- 2025-10-30 08:28gitlab7runner的博客 本文详细解析了如何在Vant Swiper组件中实现精准的滑动方向控制，特别是针对禁止左滑等特殊业务需求。通过监听触摸事件、计算滑动方向并结合动态控制`touchable`属性，提供了完整的Vue 3代码示例，帮助开发者灵活...
- 没有解决我的问题, 去提问
