The element Ui paging size-change event triggers the current-change event at the same time, resulting in two calls to the interface

element Ui paging size-change event triggers also initiates current-change event, resulting in two calls to the interface

<el-pagination 
  @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">
</el-pagination>

    //pageSize
   handleSizeChange(val) {
        this.$emit("sizeChange", val);
  },

  //pageNum
  handleCurrentChange() {
    this.$emit("pageNumCheng");
  }

Html javascript element-ui vue.js

Mar.21,2021

There is a bit of a problem with

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

, because there are usually two situations when size changes: the number of pages has changed and the number of pages has not changed. So sometimes it triggers, sometimes it doesn't. So my suggestion is to request the interface when the size changes, and set a flag, if the size changes, the curent-change event does not trigger the request interface, wait until the interface requested by the size comes back, and then set the flag to reverse

Previous: Ask for advice on how CSS+JS can attach edit points like the one in the figure to DIV or other tags.

Next: Echart Rich text label is blocked

Encapsulated the prompt box of Elementui and reported an error
this is an example given by the official of ele.me: this.$alert( , , { confirmButtonText: , callback: action => { this.$message({ type: info , message: `action: ${ action }` ...

Html5 html javascript element-ui vue.js

Jun.25,2021
When vue uses elementUI, to customize the scroll bar, there is a gap between the table fixed column and the scroll bar, how to solve it?
when vue uses elementUI, to customize the scroll bar, there is a gap between the table fixed column and the scroll bar. just started to directly override the "el-table__fixed " attribute of table to remove the gap, but the interface is dynamically adap...

Html javascript element-ui vue.js

Jul.06,2021