uni-app上拉加载下拉刷新的一个简单例子。

最新推荐文章于 2024-06-20 16:36:13 发布

肖肖肖丽珠

最新推荐文章于 2024-06-20 16:36:13 发布

阅读量509

点赞数

分类专栏： uni-app 小程序

本文链接：https://blog.csdn.net/qq_33769914/article/details/118706965

版权

小程序同时被 2 个专栏收录

86 篇文章 3 订阅

订阅专栏

uni-app

39 篇文章 6 订阅

订阅专栏

<template>
   <view>
       <view v-for="item in list" :key="item.ppkid">
           {{item.headline}}
       </view>
       <text class="loadMore" v-if="loading">{{!loading && list.length<1?"没有了":"加载中"}}</text>
   </view>
</template>

<script>
   export default {
       data() {
           return {
               list:[],
               loading:false,
               refreshing:false,
               pageNo:1,
           }
       },
       onLoad() {
           this.getData();
       },
       onReachBottom() {
           /* 到底部加载 */
           this.getData();
       },
       onPullDownRefresh() {
           // 下拉刷新
           this.refreshing = true;
           this.getData();
       },
       methods: {
           async getData(){
               console.log("0000000000")
               let para={
                   page:this.refreshing ==true? 1 : this.pageNo
               };
               this.loading=true;
               const {
                   data
               } = await this.$http.getunusedpaperlist(para);
               if(data.code==1){
                   this.loading=false;
                   if (data.data.length ==0) {
                           uni.showToast({
                               title: '没有数据',
                               icon: 'none'
                           });
                           return false;
                       }
                       if (this.refreshing && this.list.length>0) {//上拉加载很多之后去刷新的页面
                           uni.showToast({
                               title: '已经最新',
                               icon: 'none'
                           });
                           this.refreshing = false;
                           uni.stopPullDownRefresh();
                           return;
                       }
                       if (this.refreshing) {//第一次加载
                           this.refreshing = false;
                           uni.stopPullDownRefresh();
                           this.list = data.data;
                           this.pageNo = 2;
                       } else {
                           this.list = this.list.concat(data.data);
                           this.pageNo += 1;
                       }
               }
           },
       }
   }
</script>

<style>

</style>