quitter
quitter
  • 发布:2018-12-17 11:00
  • 更新:2018-12-26 10:00
  • 阅读:1761

swiper可拖动顶部选项卡问题

分类:uni-app

我现在的弄了个像京东商城详情页一样的页面,也想弄出一样的效果 用uni-app中官方的组件和模板做了个demo发现 用swiper做可拖动顶部选项卡的时候与嵌套的swiper轮播图有滑动冲突,与segmented顶部分段器有点击冲突,请问有那个大神有这方面解决方法吗

2018-12-17 11:00 负责人:无 分享
已邀请:
quitter

quitter (作者) - 此人很懒,没有留下介绍

自古一楼是楼主

1***@qq.com

1***@qq.com

swiper里面嵌套一个srollview,手动切换轮播时,很卡顿啊

quitter

quitter (作者) - 此人很懒,没有留下介绍

但是我现在需求就是这个啊 我不可能只使用点击的方式吧 这样体验就不是很好了 引用外部组件我又怕与uni发生冲突 到时候就跟麻烦了

quitter

quitter (作者) - 此人很懒,没有留下介绍

又沉了 大神们啊 求给个解决方法吧

FoxHunter

FoxHunter

你这个问题应该是H5上面出现的吧,我也遇到这个需求了。目前使用了一种办法,那就是在内部那个swiper上加了一个空方法的事件处理函数,用来停止冒泡

<swiper ....  @touchmove.stop="empty" .....>

这个empty是个空的方法,目前h5上面就不会冲突了。
app端即便没有加这个也不会冲突的

  • quitter (作者)

    谢谢,我试了下可以用

    2018-12-27 11:08

该问题目前已经被锁定, 无法添加新回复