封装el-pagination，加上自定义条/页输入框

微信小程序

封装el-pagination

1. <template>
   
2.         <div :class="{'hidden':hidden}" class="pagination-container">
   
3.                 <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="layout" :page-sizes="pageSizes" :total="total" v-bind="$attrs" @size-change="handleSizeChange" @current-change="handleCurrentChange" layout="total, sizes, slot,prev, pager, next, jumper">
   
4.                         <span class="pageSizeInput">
   
5.                                 <el-input class="pageSizeBorder" size="mini" v-model.number="pageSize" @input="handlePageSize" @keyup.enter.native="handleSizeChange"><template slot="append" style="padding:0 5px;">条/页</template></el-input>
   
6.                         </span>
   
7.                 </el-pagination>
   
8.         </div>
   
9. </template>

复制代码