element-ui pagination分页组件 点击一次页面跳转触发两次current-change请求

发布时间 2023-07-19 14:20:38作者: 林子里的风

在项目中使用element编写前端页面时,发现在使用pagination分页组件的时候,出现一个坑。

情况是每一次点击页面切换,都会重复触发两次页面切换current-change事件。无论是点击后面的页码或者是下一页或者是跳转到某个页面都会触发两次。第一次正常触发,第二次触发后会返回首页。

经过多次检查和测试,这个并非是自己写的逻辑错误或者是组件bug。其实第一次正常触发时返回的数据中total数据为0,导致的。

问题分析:

初始化pagination组件时total参数是正常的,点击其它页面后触发current-change事件,在对应绑定的事件中像后端请求数据,在返回的数据中,因为重置total,因为返回数据中的total数据为0,导致current-page从点击后的数据从新变为1,再次触发current-change事件。

所以记得检查返回的数据。