<script>
    let page = 1
    let size = 20
    export default {
        data() {
            return {
                list: [],
                id: 0,
                is_More: true, //更多數(shù)據(jù)
                msg: '',
            };
        },
        onLoad() {
            this.list = [];
            page = 1
            this.getList()//
        },
        onReachBottom() {
            this.getList()// 下拉刷新
        },

        methods: {
            getList() {
                // 如果沒有更多數(shù)據(jù),就不在發(fā)請求
                if (!this.is_More) {
                    return
                }
          
                this.$api.request({
                    url: '您的請求地址',
                    data: {
                        page,
                        size,
                        id: this.id
                    },
                    success: res => {
                        // 如果大于2頁以上
                        if (page >= 2) {
                            if (res.data.data.content.length < size && res.data.data.content.length == 0) {
                                this.is_More = false;//不再加載
                                this.msg = "--全部加載完--"
                            }
                            this.list.push(...res.data.data.content) //拼接數(shù)據(jù)
                        } else {
                            this.list = []
                            this.list.push(...res.data.data.content)
                            if (page == 1 && res.data.data.content.length < size) {
                                                                //只有一頁數(shù)據(jù)
                                this.is_More = false;
                                this.msg = "--沒有商品--"
                            }
                        }
                        page++
                    }
                });
            }
              },
  }
</script>