elementUI 分页bug解决

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

　　代码

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

watch: {

      totalNum(){  //注意这个函数的名字必须和你监听data中的属性的名字一样，这样才能当你data中的属性发生变化时，触发这个函数

        if(this.totalNum==(this.currentPage-)*this.pageSize&& this.totalNum!=){ //这一行是关键代码，倍数关系

            this.currentPage -=

            this.geiList()//获取表格数据的方法

        }

      }

    },
//额外说一点，数据的每个序号，一般用

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

　//这行代码来实现

巴特西

elementUI 分页bug解决

最新文章

热门文章