折腾了很久才发现自己犯了很简单的疏忽错误,其实按着官网一步一步来就没问题的,比如page-size='pageSize‘前面忘了加冒号,这个错误困扰了我好久,等我一点一点比对才发现,这个问题导致页码只显示1,且前后翻页键为disabled,解决这个问题后按照某博主的文章来做的话点击页码还是不更新表格内容,后来比照官网才发现:current-page后面必须要加.sync才能更新,粗心马虎导致我浪费了好几个小时的样子,记录一下引以为戒。
成功后的分页器代码如下:
<el-pagination
@current-chage="handleCurrentChange"
:current-page.sync="currentPage"
:page-size="pageSize"
:page-count="3"
layout="total, prev, pager, next, jumper"
:total="tableData.length"
>
</el-pagination>
其他部分百度有很多结果可供参考,就不赘述了