分頁里的數(shù)據(jù)都動態(tài)渲染, 但是當點擊分頁的時候, 不會把當前點擊的頁面渲染出來, 默認是在第一頁
以下是正常第一頁顯示

當點擊第二分頁還是顯示默認第一頁數(shù)據(jù)

這是點擊下一頁的數(shù)據(jù)

這是點擊到第三頁還是顯示1, 數(shù)據(jù)對不上

HTML

<div class="block">
   <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="query.currentPage" :page-size="query.pageSize" layout="total, prev, pager, next, jumper" :total="query.recordCount">
   </el-pagination>
</div> 

data() {

return {
  tableData: [],
  query: {
    pageNum: 1,
    pageSize: 10,
    currentPage: 1,
    recordCount: 1150
  }
};

},
methods: {

createTableData() {   
  this.$http
    .get(this.$api.tableData, { params: this.query.pageNum })
    .then(res => {
      if (res.status == 200) {
        this.tableData = res.data.data.pageBean.recordList;
        this.query.recordCount = res.data.data.pageBean.recordCount;
        this.query.pageSize = res.data.data.pageBean.pageSize;
        this.query.currentPage = res.data.data.pageBean.currentPage;
      }else {
        throw res.message;
      }
    })
    .catch(err => {
      console.log("createChartOne有異常", err);
    });
},
// 分頁
handleSizeChange(val) {
  console.log(`每頁 ${val} 條`);
},
handleCurrentChange(pageNum) {
  this.query.pageNum = pageNum;
  this.createTableData();
},
created() {
  this.createTableData();
  }
},