ElementUI分页Pagination自动到第一页

摘要:
当数据太多时,使用分页来请求数据。设置自动返回到第一页的页数。示例:<divclass=“分页”>&书信电报;el-paginationbackgroundlayout=“prev,pager,next”:当前页面。sync=“currentPage”@当前更改=“current_change”:页面大小=“7”:总计=“

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

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

例:

<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 属性(粉色字体属性),该属性指的就是 当前页数。

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

ElementUI分页Pagination自动到第一页第1张

免责声明:文章转载自《ElementUI分页Pagination自动到第一页》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇jQuery打印Html页面自动分页阿里云RDS上用mysqldump导入导出下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

获取Cygwin目录下所有文件的完全权限:takeown

Win7 64位企业版亲测。 假设Cygwin安装在F:Cygwin64 目录下。 步骤: 1. 以管理员身份运行cmd 2. 输入命令: takeown /f F:Cygwin64* /r 等待完成即可。完成后,当前Windows用登陆户就获得了对F:Cygwin64目录下所有文件的完全权限。 用途:重装系统后卸载Cygwin,在Cygwin使用过程中出...

【原创】字典攻击教务处(BurpSuite使用)

0x00 本例使用Burp Suite跑字典爆破教务处登录。 使用账户名:yanjiushengdadui 本示例将结合说明Burp Suite的基本使用。 0x01 BurpSuite代理配置 浏览器代理配置。 本例使用Firefox浏览器。 进入浏览器的【选项】-->【高级】-->【网络】-->【设置】 选中【手动配置代理】,在H...

C# List分页

假设你每页10条数据当前是第3页 跳到第4页则:List.Skip((4-1)*10).Take(10) 本文来自SunShine,转载请标明出处: http://do.jhost.cn/sunshine/ReadNews?action=read&id=227...

candence 笔记总结

1.解决candece 启动后提示找不到licence文件的错误:            candece的安装就不说了,按照破解步骤一步一步来就行了,但是装完后发现每次启动都会报错 "OrCAD Capture license was not found.would you like to launch capture using demo license...

QTabWidget

QTabWidget ''' 选项卡控件:QTabWidget ''' import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import * class TabWidgetDemo(QTabWidget): def _...

解决博易博客后台文章管理页面无法显示分页的问题

升级blogyi2.0以后我发现文章管理页面找不到分页的功能,于是我换了几个浏览器查看了一下,火狐或谷歌浏览器可以看到分页功能的。这很明显是后台css样式的问题。通过谷歌浏览器测试了一下,找到了分页功能的css样式。 解决办法非常简单: 1.打开BlogYi.Net-2.0-Source\BlogEngine\BlogEngine.NET\admin\st...