前言
iview 中page组件的on-page-size-change
事件会触发on-change
事件
具体表现是:在页码(pageNumber)不为1时,切换条数(pageSize),会先触发on-page-size-change改变了当前的pageSize,并根据改变后的pageSize和当前的pageNumber请求数据,之后触发on-change事件,将pageNumber置为1,根据改变后的pageNumber和pageSize进行请求。
解决方式:
判断当前的pageNum,如果为1是,请求一次后台(此时不会触发on-change事件)
如果不为1,不做任何处理(会去触发on-change事件)
// 页码切换
changePage (pageNum) { this.getList(pageNum) },
// 每页条数切换
// 每页条数切换且当前页码不为1时 changePageSize会触发changePage
changePageSize (pageSize) {
this.condition.pageSize = pageSize
if (this.condition.pageNum === 1) {
this.getList(1)
}
}