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

一、用法

    1.下载

   2.在main.js中引入

   3. 使用

vue插件v-touch的坑(不能上下滑动)_第1张图片

二、vue-touch的坑

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

        ①原因:

vue插件v-touch的坑(不能上下滑动)_第2张图片

      ②解决方法:

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

       ①原因:

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

      ②解决方法:

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

 

你可能感兴趣的:(日常开发,移动端开发,vue项目,vue-touch坑,vue-touch使用)