分页和表格结合 el-pagination和el-table（1）带pagesize（2）不带pagesize

（1）

    
    
    
        
     
    

          
        

            共 {{totalRow}} 条
            

                
                
            
        

 data(){
        return{ 
            groupList:[],
            // 分页
            totalRow:0,
            currentPage:1,
            pageSize:10,
        }
    },
mounted(){
        this.getVipList();
    },
methods:{
    getVipList(){
            const that = this;
            request
                .get('/API')
                .query({pageNum:that.currentPage})
                .query({pageSize:that.pageSize})
                .end(function(err,res){
                    if(err || !res.ok){
                        alert('oh on ! error')
                    }else{
                        // console.log(res)
                        that.totalRow = res.body.data.totalRow;
                        that.groupList = res.body.data.fieldList
                    }
                })
        },
    handleSizeChange(val){
            this.pageSize = val;
            // console.log(`每页 ${val} 条`);     
            this.getVipList();
    },
    handleCurrentChange(val){
        // console.log(`当前页: ${val}`);
        this.currentPage = val;
        this.getVipList();
   },

}

 

如果不需要pageSize的话，代码可以改成如下图所示就可以了。将源代码中的红色框中删掉，换成蓝色框中的部分。

想要更简单的分页和表格的结合如图

（2）