Element的Pagination分页sync问题小结

今天用到Element-UI的Pagination分页组件时选择页面大小时和点击分页时,无法动态刷新页面数据,数据如下:

错误如下:

Element的Pagination分页sync问题小结_第1张图片

按官方所说,加.sync,优化如下:

还是存在问题,当前页面能改变,但页面大小不变,如下所示:

Element的Pagination分页sync问题小结_第2张图片

问题解析 ===> Element-ui el-pagination封装之sync多层的问题

最终优化方案:

methods: {
    
    handlePageChange(val) {
      this.currentPage = val
    },
    handlePageSizeChange(val) {
      this.pageSize =val
    }
}

优化结果:

Element的Pagination分页sync问题小结_第3张图片

到此这篇关于Element的Pagination分页sync问题小结的文章就介绍到这了,更多相关Element Pagination分页sync内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(Element的Pagination分页sync问题小结)