在写项目时,遇到了element-ui 中的分页组件出现问题,问题如下:
问题:
在进行页面跳转时,输入页数之后,点击enter键,首先跳转到指定页,但是接下来会重新刷新页面。查看Pagination官方说明,也并没有提到这个情况
解决办法:
在pagination中添加阻止enter刷新事件即可
@submit.native.prevent
例子如下:
<el-pagination
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, prev, pager, next, jumper"
:total="AllCount"
@submit.native.prevent
></el-pagination>
相关原理查看官网解释