uni-app scroll-view触底刷新,实现翻页效果,提高数据展示效率
:style--方便自定义高度,scroll-Y代表纵向滚动,@scrolltolower代表触底触发的方法<scroll-view :style="{'height':height+'rpx'}" scroll-y="true" class="scroll-Y" @scrolltolower="onReachScollBottom">滚动的内容</scroll-view>
·
:style--方便自定义高度,scroll-Y代表纵向滚动,@scrolltolower代表触底触发的方法
<scroll-view :style="{'height':height+'rpx'}" scroll-y="true" class="scroll-Y" @scrolltolower="onReachScollBottom">
滚动的内容
</scroll-view>
onReachScollBottom() {
//触底触发的操作,
//如是数据列表,则查数据,追加在列表上
//如其他情况自行变动即可
}
注意注意:
如果是数据列表,单次加载的数据条数的高度(如数据量大于单次加载定义的条数)一定要超过scroll-view的高度,最好用可能用到的最高的手机屏幕来测试,如比高度短或是高度正好,会无法发生触底的情况
更多推荐
已为社区贡献7条内容
所有评论(0)