在项目中使用element编写前端页面时,发现在使用pagination分页组件的时候,出现一个坑。
情况是每一次点击页面切换,都会重复触发两次页面切换current-change事件。无论是点击后面的页码或者是下一页或者是跳转到某个页面都会触发两次。第一次正常触发,第二次触发后会返回首页。
经过多次检查和测试,这个并非是自己写的逻辑错误或者是组件bug。其实第一次正常触发时返回的数据中total数据为0,导致的。
问题分析:
初始化pagination组件时total参数是正常的,点击其它页面后触发current-change事件,在对应绑定的事件中像后端请求数据,在返回的数据中,因为重置total,因为返回数据中的total数据为0,导致current-page从点击后的数据从新变为1,再次触发current-change事件。
所以记得检查返回的数据。
- current-change element-ui pagination 组件 elementcurrent-change element-ui pagination组件 控件element-ui pagination页数 el-pagination element-plus pagination组件 element-plus pagination组件element element-ui组件element个人 element-ui组件element问题 element-ui组件element数据 表头element-ui组件element 第三方element-ui组件element element-ui组件 源码element