search

ElemeFE / mint-ui

Mobile UI elements for Vue.js
http://mint-ui.github.io/#!/en
MIT License
16.55k stars 3.55k forks source link

[Bug Report] tabbar 组件中，每个tab的滑动会相互影响 #1378

Open longzt opened 6 years ago

longzt commented 6 years ago

Mint UI version

2.2.13

OS/Browsers version

win10

Vue version

2.5.17-beta.0

Reproduction Link

http://mint-ui.github.io/docs/#/zh-cn2/tabbar

Steps to reproduce

当“外卖”tab列表向下滑动时，“我的”的tab列表也会向下滑动相同的距离，tabbar只是起到切换的页面的作用。怎么会影响其它tab里面滑动状态啦。

What is Expected?

当滑动一个tab里面的内容时，不影响其它tab列表滑动的状态。

What is actually happening?

tabbar的内容滑动不能相互影响

fidejade commented 6 years ago

并不会相互影响吧，你那个滚动条我觉得应该设置在组件内部

longzt commented 6 years ago

我看官网展示的效果就是会相互影响呀 http://mint-ui.github.io/docs/#/zh-cn2/tabbar 我真机测试也一样，滑动其中一个，其它也会滑动

deepkolos commented 6 years ago

应该是tab嵌套的问题~

bs32g1038 commented 6 years ago

确实是因为tab的嵌套问题，但是这个并不是它的一个bug问题，解决方法，你需要监听切换的tabid，然后重新让滚动条组件，进行更新（如果在使用better-scroll，它里面有一个refresh函数就是干这个事情的），让它重新获取组件的真正高度，即可解决这个问题

zhangrongwu commented 6 years ago

这个还没处理呢，我试了一下确实有影响