不知道大家有没有遇到过这种情况,在使用 element-ui 的 el-pagination 做分页的时候,假设表格第二页只有一条数据,这时我们进行删除操作后,拉取刷新表格,发现表格分页跳到第一页,但是总数是10条, 页面也没数据,这其实是分页的 current 值还是2导致的。 直接上代码: export default { data() { return { pageIn...
API_MyInform.delDemand(demand_id).then(res=>{this.$layerMessage.success('删除成功!');//更新当前页码let totalPage = Math.ceil((this.totalNum - 1)/this.pageSize); let currentPage = this.currentPage > totalPage ? totalPage : this.currentPage; this.currentPage = this.currentPage < 1 ?
第一步:介绍Elpagination Elpagination是一款基于HTML、CSS和JavaScript开发的分页组件。它提供了一种简单、可定制的方式来处理分页需求。通过Elpagination,开发人员可以方便地创建和设计分页样式,使得分页在网页中展示得体、美观。 第二步:安装Elpagination 要使用Elpagination,首先需要在网页中引入相关的样式和脚本文件。在...
解决办法: 在el-pagination属性中需要加上:current-page.sync="currentPage"并重新设置当前页码this.currentPage=1
First of all, I have to say, el-table is really flexible, but when implementing paging requests, only el-table is not enough, and the el-pagination component needs to be combined. Most of the content of paging processing is repeated. Without a high level business component, we get duplica...
import Vue from 'vue' // register component and loading directive import ElDataTable from '@femessage/el-data-table' import ElFormRenderer from '@femessage/el-form-renderer' import { Button, Dialog, Form, FormItem, Loading, Pagination, Table, TableColumn, Message, MessageBox } from 'element-...
"sPaginationType": "full_numbers", //分页,一共两种样式,full_numbers和two_button(默认) "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "对不起,查询不到任何相关数据", "sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录", ...
"sPaginationType":"full_numbers" }); }) /* * sScrollXInner * 默认为空字符串,即:无效 * 当横向滚动可用的时候,该属性可以用来强制DataTable的宽度比需要的更长 * 比如你需要表格彼此相隔适宜,该变量可以用来使表格变大,而且强制滚动 * 该该属性可以是css设置,或者一个数字(作为像素量度来使用) ...
let currentPage = this.currentPage > totalPage ? totalPage : this.currentPage; this.currentPage = this.currentPage < 1 ? 1 : currentPage;this.getMyDemandList(); }) },