element ui 分页
2024-09-08 12:58:04
修改选中页码的样式:
.el-pager .active{
color:red !important;//选中
}
.el-pager .number:hover{
color:red !important;//移动
}
使用:
<template>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@prev-click="prev"
@next-click="next"
:current-page="当前所在的页面"
:page-sizes="[5, 15, 30, 50,75,100]"
layout="total, sizes, prev, pager, next, jumper"
:total="总条数">
</el-pagination>
</div>
</template>
//选择显示条数
handleSizeChange(num){
console.log(num)
},
//选择去往的页数
handleCurrentChange(num){
console.log(num)
},
//上一页
prev(num){}
//下一页
next(num){}
最新文章
- linux中用户的主目录~
- 深入jQuery中的data()
- 关于logcat日志
- SQL Server 2012 创建数据库快照
- [linux basic]--线程
- iOS使用AVFoundation实现二维码扫描
- web性能瓶颈
- 批量下载QQ空间日志
- Python模拟登录实战(一)
- cocos2.2.3 HelloCpp TestCpp android 环境搭建 编译
- React的生命周期
- js 学习总结
- 201521123024《Java程序设计》第7周学习总结
- shell第一篇
- [Swift]LeetCode938. 二叉搜索树的范围和 | Range Sum of BST
- 英特尔神经棒使用入门-NCS2 &; NCS1 -OpenVino
- Spring Boot中使用Spring Security进行安全控制转载来自翟永超
- mysql数据库授权
- 2019.04.09 电商19 分析carmanage.py
- golang 入门之struct继承,嵌套
热门文章
- springboot ElasticsearchRepository date_histogram 聚合查询
- getClassLoader
- 解决windows环境TIM无法修改个人文件夹位置
- 转发-》c++ stl multimap基本操作使用技巧详细介绍
- Postman 测试 Web Service 和 WCF
- Pyqtgraph入门
- 2023-03-01 react-native 实现 复制功能 @react-native-community/clipboard 报错:TypeError: null is not an object (evaluating &#39;NativeClipboard_1.default.setString&#39;)。
- [MySQL高级](一) EXPLAIN用法和结果分析
- 事务(Transaction)逻辑应用
- py13函数迭代器与生成器