使用vue+elementui时,点击下一页和改变每页数据的个数,pageNum和pageSize不改变

这个是前端代码

<div style="margin: 10px 0 ; text-align: center">
  <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page.sync = currentPage 
      :page-sizes=[5,10,20]
      :page-size=pageSize
      layout="total, sizes, prev, pager, next, jumper"
      :total=total>
  </el-pagination>
  </div>

<script>
handleSizeChange(pageSize) { /*改变当前每页个数触发*/
  this.pageSize = pageSize;
  this.load();
},
handleCurrentChange(pageNum) { /*改变当前页触发*/
  this.currentPage = pageNum;
  this.load();
},
</script>

你把文档上的例子复制一下就知道哪里错了

组件上绑定的数据加上双引号试试

你要把你的函数写在vue的域里
好好看看官网文档怎么写的。

img