Element分页器Pagination,查询后自动回第一页

在这里插入图片描述

<el-pagination
  @size-change="handleSizeChange"
  @current-change="handleCurrentChange"
  :current-page="currentPage"
  :page-sizes="[100, 200, 300, 400]"
  :page-size="100"
  :hide-on-single-page="true"
  layout="total, sizes, prev, pager, next, jumper"
  :total="400">
</el-pagination>
事件名称及属性说明
size-changepageSize 改变时会触发
current-changecurrentPage 改变时会触发
current-page当前页数
page-size每页显示条目个数
total总条目数
hide-on-single-page只有一页时是否隐藏
  methods: {
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);
      },
      // 查询
      handleSearch() {
       // 调接口内容
        api...
       // 将页码重置到第一页
       this.currentPage = 1
      }
    },
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值