博客

前言

    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)
   }
 }