Vue+ElementUI 分页器el-pagination的使用方法

摘要:
在Vue scaffold中安装元素ui,在mian中安装元素ui。js中的配置效果如下:首先,使用el分页组件。数据源定义的数据。默认情况下显示第一个页面,并为页面数据触发10种方法。当每页的数据数更改时,将触发handleSizeChange。参数大小是每页所选数据的数量。

Vue脚手架中安装element-ui,并在mian.js中进行配置(官网中有详细方法)

 效果如下

Vue+ElementUI 分页器el-pagination的使用方法第1张


首先使用el-pagination组件。@size-change在每页数据的个数发生改变时触发。@curren-change在页数发生改变时触发。

Vue+ElementUI 分页器el-pagination的使用方法第2张

数据源定义的数据,默认展示第一页,页面数据10条

Vue+ElementUI 分页器el-pagination的使用方法第3张


方法触发时的操作。

每页数据个数发生改变时触发handleSizeChange(size),参数size即是选择的每页数据的数量。页数发生改变时触发handleCurrentChange(current),current即是选择的页面。

Vue+ElementUI 分页器el-pagination的使用方法第4张

免责声明:文章转载自《Vue+ElementUI 分页器el-pagination的使用方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇centos oracle 数据库备份MFC 管理员模式下拖拽文件失效解决办法下篇

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

随便看看

天气插件(vue)和风天气插件

&lt:“center”:“left”:&lt:v=2.0(函数(d){varc=d.createElement('link')c.rel='stylesheet'.href='http://t.zoukankan.com/https;v=1.4.0'vars=d.createElement;...

阿里云oss对象存储在vue中的使用

阿里云对象存储OSS(ObjectStorageService)是阿里云提供的海量、安全、低成本、高持久的云存储服务。阿里云oss对象存储是阿里云提供的海量、安全、低成本、高持久的云存储服务,包括服务端加密、客户端加密、防盗链、IP黑白名单、细粒度权限管控、日志审计、WORM特性等。满足企业数据安全与合规要求多线BGP骨干网络。...

正负无穷float('inf')的一些用法

示例:输入:[-2,1,-3,4,-1,2,1,-5,4],输出:6解释:连续子数组[4],-1,2,1]的和最大,为6。...

Jenkins安装

1、 Jenkins简介1.开源自动化持续集成和部署平台CI、持续集成CD和持续部署2.Jenkins Free风格任务管道Maven项目多配置项目多分支管道任务支持的任务类型,不会执行任何更新;触发器(由Gitlab...

高斯键盘设置指南

高斯键盘设置指南如何打开蓝牙模式电源:蓝牙需要电源。高斯GS87-D有两种通电方式:将键盘背面的开关转到on;使用USBType-C电源切换模式:Fn+P用于在有线模式和无线模式之间切换。按下Fn+P,Fn+PP右上角的键盘灯闪烁3次。有线模式和蓝牙模式相互切换。但是,没有指示灯指示当前模式是有线模式还是蓝牙模式如何连接蓝牙代码匹配:长按Fn+P,直到P键快...

C#控件重绘学习(一)

由于需要制作工业控制软件,传统的控制已不能满足实际要求,因此控制的重新绘制迫在眉睫。因为考研花费了很多时间,而C#的学习已经搁浅了很长时间,所以我打算借此机会仔细彻底地研究控件的重新绘制。首先,查看Button的旧背景:namespace:SystemWindows.Forms程序集:System.Windows.FormsButton具有太多属性:例如Ba...