5、前端分页

status: 'loadmore',
page:1,
count: 10,
res_count:0,

onReachBottom() {
        if(this.count >= this.res_count) return ;
        this.status = 'loading';
        this.page = ++ this.page;
        setTimeout(() => {
                this.count += 10;
                this.getData();
        }, 2000)
},

var _this=this;
this.$api.shop_class({classid:this.id}).then((res)=>{
        res.data.data.list.forEach(item=>{
                _this.classr.push(item);
        });
        _this.res_count=res.data.data.count;
        if(_this.count >= _this.res_count) _this.status = 'nomore';
        else _this.status = 'loading';
})

$count=MallShopShoplist::where($where)->count();
$list=MallShopShoplist::where($where)->page($page,$limit)->field(['id','img','title','subtitle'])->order($order)->select();
$data = [
    'count' => $count,
    'list' => $list
];