uniapp上滑加载，有数据显示“加载更多”，无数据显示“暂无数据”

加载更多

暂无数据

<template>
    <view class="main">
        <view class="userOne" v-for="(item,index) in list" :key="index">
            <view class="textOne">
                <text>{{item.mobile}}</text>
                <text>--这里是数据列表--</text>
            </view>
            <view class="textOne">
                <text>{{item.desc}}</text>
                <text>{{item.createtime}}</text>
            </view>
        </view>
        <view class="bottomText">
            <text v-if="isBotom">{{allLang.app_general_no_data_more}}</text>
            <text v-else @click="getData()">{{allLang.app_general_see_more}}</text>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                list:[],//设定一个加载数据列表的空数组
                pages:0,//设定当前页为0页
                isBotom:false,//“暂无数据”初始值为false
                lang:'en',
                allLang:''
            }
        },
        mounted(){
            this.getData()
        },
        async    onLoad(e) {
            if(e.lang){
                this.lang=e.lang
            }else{
                this.lang='en'
            }
            await this.$onLaunched;
            this.allLang=JSON.parse(localStorage.getItem('lang'))
            //头顶标题
            uni.setNavigationBarTitle({
            　　title: this.allLang.mining_promotion_revenue
            })
        },
        onReachBottom(){
            if(this.isBotom){
                return
            }
            this.getData()
        },
        methods: {
            //调用列表接口数据，每执行一次onPullDownRefresh()刷新事件就调用一次接口
            getData(){
                //当前页自增
                this.pages++
                this.$apis.earningsApi({page:this.pages,lang:this.lang}).then(res=>{
                //每获取一组列表数据push添加到设定的list数组里
                this.list.push(...res.data.list)
                console.log(res)
                console.log(this.list.length,res.data.totalNum)
                //判断当前list数组长度是否等于列表接口数据totalNum里有多少组的数据
                if(this.list.length==res.data.totalNum){
                        //等于就显示“暂无数据”
                        this.isBotom=true
                }
                
                })                
            },
        },
        //监听该页面用户下拉刷新事件
          onPullDownRefresh() {
                this.pages=0
                this.list=[]
                this.getData()
                // setTimeout(function () {
                    //停止当前页面下拉刷新。
                    uni.stopPullDownRefresh();
                // }, 1000);
            }
    }
</script>