ElementUI分页Pagination自动到第一页

当数据量过多时,使用分页请求数据。

设置分页的页数自动回到第一页。

例:

<div class="pagination">
    <el-pagination
        background
        layout="prev, pager, next"
        :current-page.sync="currentPage"
        @current-change="current_change"
        :page-size="7"
        :total="total">
    </el-pagination>
</div>
<script type="text/ecmascript-6">
    export default {
        data(){
            return{
                currentPage: 1
            }
        },
        methods:{
            backNumOne(){
                this.currentPage = 1;
            }
        }
    }
</script>

在使用elementUI组件的时候,遇到有选项卡在第一个选项卡点了分页之后,换另一个选项卡,页数应当自动返回第一页,但是并没有自动返回,所以需要手动设置一下。el-pagination内增加 :current-page.sync 属性(粉色字体属性),该属性指的就是 当前页数。

此方法 也可以 做回显页面时设置 存储的页面数。

原文地址:https://www.cnblogs.com/angenstern/p/11416618.html

时间: 2024-10-11 15:02:47

ElementUI分页Pagination自动到第一页的相关文章

dedecms 列表 用分页标签 判断 当第一页则显示,第二页以上不显示 土办法!

arc.listview.class.php function GetPageListST($list_len,$listitem="index,end,pre,next,pageno,spurl") // ,spurl新增的 ,spurl新境的 $purl = $this->GetCurUrl(); $maininfo = "<li><span class=\"pageinfo\">共 <strong>{$tot

合并文档时让第一页为奇数

目的:实现打印时自动将第一页排在奇数页,以防出现两份资料不独立的情况.</pre><pre name="code" class="vb">因为是双面打印,故必须让文档的第一页位于奇数页,可以获取页码,插入空白页,可以插入奇数页分页符 Sub 合并文档时让第一页为奇数() 'ThisDocument.BuiltInDocumentProperties(wdPropertyPages) Rem Selection.Information(wdNu

GridView分页(第一页、上一页、下一页、最后页、当前页数/总页数)

<PagerTemplate>                <table width="100%">                    <tr>                        <td width="75%">                            <asp:ImageButton ID="imgBtnFirst" runat="server&qu

关于分页Pagination的使用

在这个例子当中,用的是ssm框架整合,并且用的是Pagination实现分页 先来看一下分页中用到的类的源码 Paginable.java 1 package cn.itcast.common.page; 2 3 /** 4 * 分页接口 5 */ 6 public interface Paginable { 7 /** 8 * 总记录数 9 * 10 * @return 11 */ 12 public int getTotalCount(); 13 14 /** 15 * 总页数 16 * 1

分页Pagination

分页Pagination REST framework提供了分页的支持. 我们可以在配置文件中设置全局的分页方式,如: REST_FRAMEWORK = { 'DEFAULT_PAGINATION_CLASS': 'rest_framework.pagination.PageNumberPagination', 'PAGE_SIZE': 100 # 每页数目 } 也可通过自定义Pagination类,来为视图添加不同分页行为.在视图中通过pagination_clas属性来指明. from re

织梦DedeCMS列表页第一页跟其它页使用不同模板的办法

有时候我们需要让织梦列表页的第一页跟第二页以及后面的页面的展示效果不同,使用不同的模板,但是目前网上也没有其他比较好的方案,那么下面织梦技术研究中心就给大家介绍一个最简单的办法,通过修改文件来为栏目列表页第一页单独指定一个模板,其余页面则调用另一个模板. 具体修改的文件以及代码如下: 一.找到并打开include/arc.listview.class.php文件,在里面大约第397行的位置找到Display函数,找到如下代码: $this->ParseTempletsFirst(); 在这句代码

jQuery 的一个自动向上翻页的效果

jQuery效果的制作还是相对与JS来所容易简便得多,今天分享的制作的一个jQuery效果是图片 自动向上翻页的一个特效,这特效对于商城来说还是比较常见的下面是代码: <!DOCTYPE html> <html> <head> <title>upDown1</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"

MVC自定义分页(附表跳转页Loading提示)

之前我发表了一篇MVC无刷新分页的文章,里面用的是MvcPager控件,但是那个受那个控件限制,传值只能用PagedList,各方面都受到了限制,自由度不够高,现在还是做MVC无刷新分页,但是想直接用IQueryable或者IEnumerable传值,并且界面简洁化,可定制性也高点. 既然还是用IQueryable传值,那么Controller就没什么好说了,就是分页的时候返回一个PartialView而已.现在关键是网页的设计和脚本.先说我想达到的效果吧: 我想达到的效果就是搜索条件和标题占一

extjs4 分页工具栏pagingtoolbar的每页显示数据combobox下拉框

var itemsPerPage = 20; var combo; //创建数据源store Ext.define('recordStore', { extend : 'Ext.data.Store', // autoLoad : { // start : 0, // limit : itemsPerPage // }, start : 0, limit : itemsPerPage, pageSize : itemsPerPage, model : 'recordModel', proxy :