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.da

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值