vue开发webAPP使用swiper遇到的问题

前言:最近基于vue2.0版本框架开发一款webAPP项目,由于项目需求所以使用swiper来完成一些特定的功能(如轮播图、滑动功能等),此文章用来记录使用过程中遇到的一些问题

一:vue中引入并使用swiper来做轮播图,数据由请求后端获得,实现自动轮询播放。完成之后发现点击轮播图或者手动滑动轮播图之后自动轮询功能失效了。下面贴上解决的方法

HTML结构


利用延时定时器开启swiper,红色标注区域一定要配置好


最后在mount而中使用即可

二:做一个水平滑动的功能,结果滑动页面中的空白区域整个页面也会滑动

解决方法:直接上图了

在indexindex.html中直接写入该图所展示的style即可
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,930评论 0 1
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    小姜先森o0O阅读 13,338评论 0 72
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    王喂马_阅读 11,545评论 1 77
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    你猜_3214阅读 13,843评论 0 118
  • 从曾经的视学习为粪土,以为自己不用上学就可以很牛逼,到如今的谦虚好学,奋发图强,这是很大的改变。上高中时只是听说“...
    六便士__阅读 1,630评论 4 3

友情链接更多精彩内容