今天在做后台的时候，有个页面的分页器出了问题，就是当页面跳转到某一页（例如25页），点击查询按钮，列表数据刷新后，分页器还停留在之前的25页。
为了解决这个问题，我用了:current-page，将当前页绑定一个变量，并在查询时重置这个变量。
结果有个问题，当我在一进入页面时，页码跳转事件@current-change可以被触发，而查询时@current-change第一次就会失效，第二次就正常。
一开始以为是查询的事件写得有问题，又搜寻了度娘无果，最后在的issue上找到了这篇解决办法记录一次Element分页问题。
我们可以清楚的看到只有internalCurrentPage变成了1，而lastEmittedPage还是3，所以我们只要把lastEmittedPage也改变成1就可以解决了，在el-pagination中增加ref="pagination"，然后在查询方法中增加
this.params.pageNo = 1
this.$refs.pagination.lastEmittedPage = 1
这样就解决了。
今天在做后台的时候，有个页面的分页器出了问题，就是当页面跳转到某一页（例如25页），点击查询按钮，列表数据刷新后，...
前沿 最近在开发过程中，遇到了切换了表格中的数据后，分页的功能失效，current-change方法失效，折腾了好...
row-key 必须为唯一标识，如有重复，点击后会造成页面卡死、失效的现象 如果你也经常使用element-ui ...
失效原因：属性prop丢失
点击下拉框选择,选定后的值不回显(机构选择) 在select上加上唯一性的 value-key="id" ,也不起...
el-pagination 分页标签 layout --- 是布局 current-change --- 监听页面...
本文档记录element-ui升级导致的问题 前端开发过程中，项目有时不得不升级element-ui，本以为升级很...
使用@size-change和@current-change方法时，current-page和page-size要...
在用elementui的table时，如果监听了current-change事件，在重新给table的data赋值...
本文标题：element-ui @current-change有时失效
本文链接：https://www.haomeiwen.com/subject/osfewftx.html
网友评论