Element-ui的分页使用

el-pagination 是element分页的标签

        < el-pagination

                 background

                @current-change="handleCurrentChange"

                :current-page.sync="dataForm.Page" :page-sizes="[10, 20, 30, 50, 100, 200, 400]"

               :page-size="dataForm.PageSize" @size-change="handleSizeChange"

                layout="total, sizes, prev, pager, next, jumper" :total="total">

        </el-pagination>

        // dataForm:去请求后端接口时候需要传递的参数，dataForm.Page:代表第多少页，dataForm.PageSize: 代表一页多少条数据

        // background: 添加背景颜色

        // @current-change: currentPage 改变时会触发,也就是切换分页时会触发

        // :page-sizes:一页多少条数据

        // @size-change: pageSize 改变时会触发,也就是切换多少条时会触发

        handleCurrentChange(val) {

                this.dataForm.Page = val

                this.getOlderInfo()   // 调后端获取接口

        },

        handleSizeChange(val) {

                this.dataForm.Page = 1

                this.dataForm.PageSize = val

                this.getOlderInfo()  // 调后端获取接口

        },

        大家复制粘贴即可使用，需要修改的就是后端接口和后端接口的参数即可。