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

2022/6/7 23:23:05

编程Tag： vue 组件自定义 number search pageSize editPageSizes

本文主要是介绍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));
      this.search({})

这篇关于VUE基于组件实现自定义分页的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

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

相关编程文章