2.6.9原生组件waterfall的一些BUG，已提供精美DEMO复现

0528更新 ios 的新问题

添加 alwaysScrollableVertical="true" 后，又发现了一个问题

该问题在使用list组件时也会出现

复现步骤：

1、把 demo 中的 total 属性改成 2；

2、下拉屏幕（注意不要触发到下拉刷新的阀值），稍微下拉一点点然后松手，会触发 loading 组件的显示

红框部分应该只有在 上拉加载更多的时候才会显示

以下是原问题：

具体表现请查看附件DEMO，可以按照下列方式复现BUG

ios 端的 bug 如下：

1、把 demo 中的 total 属性改成 2 之后，无法触发下拉刷新；

2、把 demo 中的 total 属性改成 20 之后，上拉加载更多数据，当所有数据全部加载完成，此时再次上拉loading组件会显示- 到底啦 -，这个时候，点击顶部筛选条件中的任意一个条件，会触发数据的重置刷新，第1排的数据被遮挡住了一部分，并没有回到顶部。

android 端的 bug 如下：

1、把 demo 中的 total 属性改成 2 之后，上拉加载更多，会正常显示loading组件，但是把 demo 中的 total 属性改成 20 之后，上拉加载时无法显示loading组件。

问答

你好感谢反馈，针对 iOS 的两个问题

关于问题1，内容不满一屏无法触发下拉刷新的问题，是因为不满一屏是默认不会触发滚动，可以给 waterfall 组件添加 alwaysScrollableVertical="true" 属性解决这个问题 

<waterfall  
    alwaysScrollableVertical="true"  
    :column-count="columnCount"  
    column-width="auto"  
    left-gap="5"  
    column-gap="5"  
    right-gap="5"  
    show-scrollbar="false"  
    class="waterfall"  
    ref="waterfall"  
    @loadmore="onLoadMore"  
    @scroll="onScroll"  
  >

问题2，刷新数据后页面没有回到顶部的问题，下个版本会修复此问题

loading无效了

android 不显示loading组件问题已验证

当前版本解决方案: 使用 waterfall 的 @loadmore

<waterfall class="waterfall" column-count="2" @loadmore="loadMore">    
  <cell class="cell" v-for="(i,k) in 100 ">{{i}}</cell>    
  <!-- <loading @loading="loadMore"></loading> -->    
</waterfall>

我也遇到了这个问题 在IOS端 不满足一屏不能下拉 淦

IOS发现一个bug，list组件内容不满全屏时可下拉刷新和上拉加载，但是上拉加载后(无数据)页面内容直接往上移动，无法像安卓一样回弹到原来的样子。每上拉一次页面内容就会往上移动那么一点。waterfall加了alwaysScrollableVertical="true" 后也会如此。

兄弟们，为什么我进一步封装的list，安卓下无法触发加载更多，不管是loadmore还是使用loader。

然后iOS下存在加载更多之后，刷新一下，就无法加载更多。

你们封装的list有这种情况吗？

更多具体情况我还在测试。

以上是 2.6.9原生组件waterfall的一些BUG，已提供精美DEMO复现 的全部内容， 来源链接： utcz.com/a/20114.html

回到顶部