首页 > 其他分享 >elementui之pagination组件

elementui之pagination组件

时间:2022-09-20 17:47:36浏览次数:83  
标签:pagination 分页 elementui 元素 显示 组件 每页 页码 size

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

设置layout,表示需要显示的内容,用逗号分隔,布局元素会依次显示。prev表示上一页,next为下一页,pager表示页码列表,除此以外还提供了jumpertotalsize和特殊的布局符号->->后的元素会靠右显示,jumper表示跳页元素,total表示显示页码总数,size用于设置每页显示的页码数量。

1.带有背景色的分页

设置background属性可以为分页按钮添加背景色。

2.小型分页

在空间有限的情况下,可以使用简单的小型分页。

只需要一个small属性,它接受一个Boolean,默认为false,设为true即可启用。

3.附加功能

根据场景需要,可以添加其他功能模块。

此例是一个完整的用例,使用了size-changecurrent-change事件来处理页码大小和当前页变动时候触发的事件。page-sizes接受一个整型数组,数组元素为展示的选择每页显示个数的选项,[100, 200, 300, 400]表示四个选项,每页显示 100 个,200 个,300 个或者 400 个。

 

 

参考---https://www.cnblogs.com/grt322/p/8564429.html

标签:pagination,分页,elementui,元素,显示,组件,每页,页码,size
From: https://www.cnblogs.com/pwindy/p/16711892.html

相关文章

  • antdV2.2.8版本,组件a-upload 文件上传 uploading只触发一次
    antd的a-upload组件,再上传文件时,有三个状态uploadingdoneerror但是,在上传时,一直在uploading状态,即使文件已经上传成功了,uploading状态还不切换到done状态。解决办法......
  • 基于HBuilderX+UniApp+ThorUI的手机端前端的页面组件化开发经验
    现在的很多程序应用,基本上都是需要多端覆盖,因此基于一个WebAPI的后端接口,来构建多端应用,如微信、H5、APP、WInForm、BS的Web管理端等都是常见的应用。本篇随笔继续分析总......
  • 如何利用OpenHarmony ArkUI的Canvas组件实现涂鸦功能?
     简介ArkUI是一套UI开发框架,提供了开发者进行应用UI开发时所需具备的能力。随着OpenAtomOpenHarmony(以下简称“OpenHarmony”)不断更新迭代,ArkUI也提供了很多新的组件......
  • Vue 系统组件 <Teleport> 简介rr
    <Teleport>传递组件@说明:将组件内的一部份模板传送到组件外层对象上,且不影响整个组件逻辑。 <Teleportto=""display=""></Teleport> 属性:to[必需String|H......
  • 微信小程序picker组件使用示例
    示例:wxml页面:<pickername="picker_machine11"class="cybm_pic_1"range="{{categoryList}}"value="{{'categoryid'}}"range-key='name'bindchange="bindChangeCat......
  • 如何使用Vue原生组件编译应用程序主题?这个工具不要错过
    KendoUI致力于新的开发,来满足不断变化的需求。KendoUIforVue使用旨在提高性能和丰富用户体验的Vue组件,帮助开发人员构建下一代应用程序。它是为Vue技术框架提供可用的K......
  • VCL界面组件DevExpress VCL v22.1 - 发布全新的Shell组件
    DevExpressVCLControls是Devexpress公司旗下最老牌的用户界面套包,所包含的控件有:数据录入、图表、数据分析、导航、布局等。该控件能帮助您创建优异的用户体验,提供高影响......
  • 旧版UI组件-GUIText
    1.UI UI就是用户操作界面。在使用Unity开发游戏(MMORPG,MMOARPG)的客户端的时候,至少50%的工作量是在写UI界面和UI界面的逻辑。1.1.常用UI系统简介<1>NGUINGUI......
  • 组件和Prefabs
    常用组件Mesh组件MeshFilter:网格过滤器。该组件用于在项目资源中获取网格(Mesh)并将其传递到所属的游戏对象中。添加MeshFilter组件后,还需要为游戏添加一个MeshRenderer......
  • TEditWebBrowser 组件
    继承TWebBrowser组件编写的组件:TEditWebBrowser,改写了原Mouse、Keyboard事件和OnEnter、OnExit事件。改写了TWebBrowser的焦点设置获取方法。超强的Edit功能,完全替代TRichE......