TSINGSEE青犀视频EasyCVR视频融合共享平台通道分页功能是如何实现的？

  <div class="page" v-if="total>0">
      <Page :total="total" :page-size="pageSize" size="small" show-sizer show-total show-elevator @on-change="onChangePage" @on-page-size-change="onPageSizeChange"/>
    </div>

          total: 1,       //总数
      page: 1,        //初始页码
      pageSize: 10,   //每页条数

onChangePage(page) {
      this.page = page
      this.getList()
    },
    onPageSizeChange(size) {
      this.pageSize = size
      this.getList()
    },
    getList() {
      this.tableLoading = true;
      devices
        .getDevicesList({
          menu:'device_manger',
          start: (this.page-1)*this.pageSize, 
          limit: this.pageSize, 
          q: this.search
        })
        .then(res => {
          this.dataList = res.Devices;
          this.searchList = JSON.parse(JSON.stringify(res.Devices));
          this.tableLoading = false;
          this.total = res.TotalCount;
        })
        .catch(() => {
          this.tableLoading = false;
        });
    },