element Ui 分页size-change事件触发同时也出发了current-change事件，导致调用两次接口

Question

elementUi分页size-change事件触发同时也出发了current-change事件，导致调用两次接口
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageInfo.PageNum"
:page-sizes="[5,10,20]"
:page-size="pageInfo.PageSize"
layout="total,sizes,prev,pager,next,jumper":total="pageInfo.Total">
//pageSize变化事件
handleSizeChange(val){
this.$emit("sizeChange",val);
},
//pageNum变化事件
handleCurrentChange(){
this.$emit("pageNumCheng");
}

Answer 1

这个地方确实有点问题，因为一般size改变的时候会有两种情况：页数变了和没变两种。所以有时候会触发，有时候又不会触发。所以我的建议是size改变的时候请求接口，同时设置一个flag，如果是size改变的情况，curent-change事件不触发请求接口，等到size请求的接口回来以后再设置这个flag取反

Answer 2

handleSizeChange(val){this.options.limit=val;this.getData();},handleCurrentChange(val){this.options.offset=this.options.limit*(val-1);this.getData();}