ElementUI 分页(el-pagination) 1 设置当前页, 2 刷新页码数据

  <el-pagination @size-change="changeSize" @current-change="changePage" :current-page="1"
      :current-page.sync="currentPage" :page-sizes="[10, 20, 40, 80]" :page-size="10"
      layout="total, sizes, prev, pager, next, jumper" :total="total">
    </el-pagination>
    
data:{
       total: 0,
        page: 0,
        limit: 10,
        currentPage: 1,
}

method:{
     changePage(val) {
        // console.log("changePage", val, this.page, this.limit);
        this.page = val - 1;
        this.getData()
      },
      changeSize(val) {
        // console.log('changeSize', val, this.page, this.limit);
        this.limit = val;
        this.page = 0;
        this.currentPage = 1;
        this.getData()
      },
      getData() {
        const load = this.$fns.loading();
        requestDevice.deviceStatus({
          page: this.page,
          limit: this.limit,
        }).then((res) => {
          load.close();
          this.total = res.total
          this.tableData = res.data
        })
      },
}