轮播图滑动不了，只能停留在第一张图片，是不是因为我css的问题，还是在swiper上有问题呢
在vue组件中使用swiper，为什么轮播图滑动不了呢
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
这个需求做不了123 2022-11-15 22:33关注理论上不应该有问题，看下是否有报错？话说pc端有element ui。 移动端有vant ui，怎么偏偏选择了swiper
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2020-11-26 14:04在本文中，我们将探讨如何使用Vue.js封装Swiper这个强大的滑动特效插件，来实现一个图片轮播组件。 **一、Swiper介绍** Swiper是一个基于JavaScript编写的滑动插件，特别适合于移动设备，如手机和平板电脑。它支持...
- 2020-12-03 06:57总之，vue-awesome-swiper 是 Vue.js 开发者在实现轮播图功能时的一个强大工具，它使得在 Vue 应用中集成 Swiper 变得简单而高效。通过熟练掌握它的用法，可以提高开发效率，提升用户体验。如果你在使用过程中遇到...
- 2020-10-15 23:11在本文中，我们将深入探讨如何使用Vue.js和Swiper库来创建一个特殊的轮播图，该轮播图具有中间图片放大而两侧图片缩小的效果。Vue.js是一个流行的前端框架，Swiper则是一个强大的滑动组件，适合构建轮播图、幻灯片和...
- 2020-12-12 11:58前段时间做Hybrid App，UI设计湿要求某一个页面的展示要实现滑动轮播效果，选中的内容卡片居中显示，上一个内容卡片和下一个内容以小一倍的大小显示在选中的卡片后头，而且要高斯模糊等等。。最骚的是滑动特效要是一...
- 2021-11-05 15:43今天也是爱大大的一天吖的博客 2. 在需要实现轮播图的组件内引入Swiper、SwiperSlide组件和css文件 import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import "swiper/dist/css/swiper.css"; 3. 在components中声明引入的Swiper、S
- 2025-05-27 04:08时间sk的博客 数据观测是Vue的 响应式系统核心。当你在data()中定义数据时，Vue会将其转换为响应式对象。
- 2024-03-01 16:46和世界不一样，那就不一样！的博客 vue使用swiper（轮播图）-真实项目使用
- 2024-03-21 11:03没有梦想的zz的博客 vue3使用swiper实现简单轮播
- 2025-07-05 15:48资源下载链接为： ...在移动端应用开发中，轮播图（Slider或Carousel）是一种常见组件，用于展示多张图片或内容，并通过滑动切换。...总之，这个基于Vue的移动端轮播图项目涉及Vue组件化、触摸事件处理、CSS3动画
- 2025-06-12 02:02时间sk的博客 建立一个文件夹，libs文件夹，专门存放要使用的第三方库如这里的Swiper第三方库，将第三方库的JS文件放到libs文件夹中，第三方库的CSS文件可以放在公共样式文件夹中，或者也放在libs中也行。去第三方库官网下载...
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月26日
已采纳回答
11月18日-
创建了问题
11月15日