vue插件v-touch的坑及解决(不能上下滑动)

目录

• v-touch的坑不能上下滑动
• 用法
• vue-touch的坑
• vue-touch在ios上无法上下移动

v-touch的坑不能上下滑动

用法

1.下载

2.在main.js中引入

3. 使用

vue-touch的坑

1.使用vue-touch监听左右滑动之后,不能进行上下滑动

①原因：

②解决方法：

2.手机端测试时发现滑动不灵敏问题

 ①原因：

标签被撑开的高度不够，只能在被撑开的高度中进行滑动。发现有些页面可以灵敏滑动，有些不可以的时候，应该去检查下当前页面内容被撑开的高度。

②解决方法：

给父元素加padding-bottom等撑开标签高度占满整个手机屏幕即可。

vue-touch在ios上无法上下移动

添加一个

:swipe-options="{direction: 'horizontal'}"

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。