ant design vue table pagination 分页BUG

在table分页中, 点击第2页, 然后更为条数为50条每页后数据更新正确, 但页码仍停留在第2页

 

 问题在于根据图三

 data () {
    return {
      pagination: {
        showSizeChanger: true, // 是否可以改变 pageSize
        showQuickJumper: true, // 是否可以快速跳转至某页
        current: 1, // +
        pageSize: 20, // +
        pageSizeOptions: ['20', '50', '100', '200'], // 每页条数
        total: 0, // 总条数
        showTotal: total => `共 ${total} 条 `,
        // 改变每页数量时更新显示
        onChange: (current, pageSize) => {
          // +
          this.pagination.current = current
          this.pagination.pageSize = pageSize
          // 接口
          this.getAuditionList()
        },
        itemRender (current, type, originalElement) {
          // console.log(current, type, originalElement)
          if (type === 'prev') {
            return <a>上一页</a>
          } else if (type === 'next') {
            return <a>下一页</a>
          }
          return originalElement
        },
        onShowSizeChange: (current, pageSize) => {
          // +
          this.pagination.current = 1
          this.pagination.pageSize = pageSize
          //接口
          this.getAuditionList()
        },
      },
      keyword: '',
      // title: sessionStorage.getItem('title')
    }
  },

 把defaultCurrent和defaultPageSize换成current和pageSize就好了

参考文章: ant design vue table分页 onShowSizeChange 后的 pageNo 问题_dengfenglai825的博客-CSDN博客