uviewUi组件库 u-swipe-action 长列表时页面不能上下滑动

在使用uviewUi组件库的u-swipe-action做一个右滑删除操作时,发现当列表长度超出屏幕时,页面的上下滑动锁死,这个问题应该是uview组件库的问题。今天记录一下自己如何解决的:

方法一:

直接使用uniApp官方推荐的uni-ui组件,只单独下载这个滑动操作的组件,直接在使用的地方引入就可以了,下载链接 :DCloud前端团队-uni-swipe-action 滑动操作 。

uviewUi组件库 u-swipe-action 长列表时页面不能上下滑动_第1张图片

先把ZIP下载下来,然后解压把这两个文件拉进自己的项目components中:

uviewUi组件库 u-swipe-action 长列表时页面不能上下滑动_第2张图片

 调用的时候直接在页面中引入这个组件就可以了。用法文档链接:uni-app官网。

记得把uview的标签改了,uni-ui的标签是这个:


  
  

除了改标签以外还要把 :options="options" 改为 :right-options="options" 否则还是无效,这个在这个组件的注意事项中提到了

  • 向下兼容,需要将 options 属性替换成 right-options 

方法二:升级view版本 (待验证)

这个是我在DCloud论坛中看到的结局方法,我用的版本是 2.0.30 还是有不能上下滚动的问题。

项目选了viewUi作为组件库一直都在踩坑,自己也会把踩的一部分坑同步到博客中,欢迎关注。

 

你可能感兴趣的:(uView,vue.js,前端,javascript)