Javascript

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

本文主要是介绍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基于组件实现自定义分页的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!