elementUI 分页bug解决

　　在使用elementui的分页组件时，我发现当对表格数据进行删除时，而且是删除到该页最后一条数据时，当前页面currentPage并不能自动减1，也就是说，当前页currentPage只有你点击页码时才会发生改变，这就会使你自定义的序号错乱。但是我们可以使用watch监听页面数据总条数totalNum，来完美解决这个问题（或者每次删除后，定位到第一页，也就是让currentPage = 1，不建议使用）

　　代码

// totalNum 数据总条数   
// currentPage 当前页    
// pageSize 每页显示的数据条数  

watch: {
      totalNum(){  //注意这个函数的名字必须和你监听data中的属性的名字一样，这样才能当你data中的属性发生变化时，触发这个函数
        if(this.totalNum==(this.currentPage-1)*this.pageSize&& this.totalNum!=0){ //这一行是关键代码，倍数关系
            this.currentPage -= 1
            this.geiList()//获取表格数据的方法
        }
      }
    },
//额外说一点，数据的每个序号，一般用

　　 item.number = this.pageSize * (this.currentPage - 1) + (index + 1);

 

　//这行代码来实现

 

　　

转载于:https://www.cnblogs.com/wangqi2019/p/11321408.html