VUE基于组件实现自定义分页

点击查看代码

      <Row type="flex" justify="end" align="middle">
        <span style="float: top;padding-right: 5px;">每页显示</span>
        <Input v-model="pageSize" placeholder="条数/页"  @keyup.enter.native="editPageSizes" @blur.native.capture="editPageSizes" style="width: 60px" />
        <span>条</span>
        <Page :total="dataCount" :page-size="pageSize" @on-change="handlePageChange" show-elevator show-total style="padding: 10px;padding-top:25px;"></Page>
      </Row>


editPageSizes() {
      this.$emit('pageSize', Number(this.pageSize));
      if(this.pageSize == "" || this.pageSize == null){
              this.pageSize = 10;
            };
      this.search({})