:style--方便自定义高度,scroll-Y代表纵向滚动,@scrolltolower代表触底触发的方法


<scroll-view :style="{'height':height+'rpx'}" scroll-y="true" class="scroll-Y" @scrolltolower="onReachScollBottom">
              滚动的内容
 </scroll-view>


onReachScollBottom() {
             //触底触发的操作,

             //如是数据列表,则查数据,追加在列表上

            //如其他情况自行变动即可
 }


注意注意:

如果是数据列表,单次加载的数据条数的高度(如数据量大于单次加载定义的条数)一定要超过scroll-view的高度,最好用可能用到的最高的手机屏幕来测试,如比高度短或是高度正好,会无法发生触底的情况

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐