mint-ui loadmore 上拉加载的坑

最新推荐文章于 2021-01-12 21:51:54 发布

转载最新推荐文章于 2021-01-12 21:51:54 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/luyuefeng/p/8031522.html

文章标签：

#ui

本文介绍了一个基于mt-loadmore组件实现的上拉加载更多功能的示例代码。该组件被放置在一个高度为100vh且具有滚动条的div中以确保上拉加载功能可用。文章特别强调了为mt-loadmore组件的父元素设置overflow:scroll样式的重要性。

<div style="height:100vh;overflow: scroll;">  
    <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore"  
    bottomPullText="上拉加载更多">  
        <ul>  
            <li v-for="(item,index) in lists" style="height:40px;">{{ item }}</li>  
        </ul>  
    </mt-loadmore>  
</div>

1.一定要给<mt-loadmore>的父元素添加overflow:scroll属性，不然上拉加载无法使用。

转载于:https://www.cnblogs.com/luyuefeng/p/8031522.html