el-table列表相关(索引、删除)

本文介绍了一个关于前端开发的博客,详细阐述了如何在分页列表中实现删除单条数据后,通过调整索引计算和判断页面切换逻辑,确保列表的实时更新。涉及了页码计算方法和条件判断,展示了在删除后如何处理当前页与总页数的关系,以及如何重新调用列表获取方法。
摘要由CSDN通过智能技术生成
  1. 索引
// 索引
indexMethod (index) {
    return index + 1 + (this.page.currPage - 1) * this.page.pageSize;
},
  1. 分页列表删除单条后重新查询列表
page: {
    currPage: 1, //当前页
    pageSize: 10, //每页显示的条数
    totalPage: 0, //总页数
    totalCount: 0,//总数
},
//删除成功后需判断当前页是否还有数据
if((this.page.pageSize*(this.page.currPage-1)+1===this.page.totalPage)&&this.page.currPage!==1){
    this.page.currPage = this.page.currPage -1;
}
this.getList();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值