一、準備分頁組件。

1.1分頁組件

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

總結

以上是生活随笔為你收集整理的基于node.js+MongoDB+elementui的分页功能更新优化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。