基于node.js+MongoDB+elementui的分页功能更新优化
生活随笔
收集整理的這篇文章主要介紹了
基于node.js+MongoDB+elementui的分页功能更新优化
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、準(zhǔn)備分頁(yè)組件。
1.1分頁(yè)組件
src-->components-->Pagination-->index.vue
<template><div class="pagination-container"><el-pagination @current-change="paginationObj.handleCurrentChange" @size-change="paginationObj.handleSizeChange" :current-page.sync="paginationObj.pageNum" :page-size="paginationObj.pageSize" :page-sizes="[5, 10, 20, 30, 40]"layout="total,sizes,prev, pager, next,jumper" :total="paginationObj.total"></el-pagination></div> </template><script> export default {props: {paginationObj: Object} } </script> <style lang="scss" scoped> .pagination-container {text-align: right;background: #fff;padding: 32px 16px; } .pagin總結(jié)
以上是生活随笔為你收集整理的基于node.js+MongoDB+elementui的分页功能更新优化的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 腾达AC18无线路由器评测-腾达无线路由
- 下一篇: Meta二季度营收320亿美元,净利78