修改选中页码的样式:

.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){}

最新文章

  1. linux中用户的主目录~
  2. 深入jQuery中的data()
  3. 关于logcat日志
  4. SQL Server 2012 创建数据库快照
  5. [linux basic]--线程
  6. iOS使用AVFoundation实现二维码扫描
  7. web性能瓶颈
  8. 批量下载QQ空间日志
  9. Python模拟登录实战(一)
  10. cocos2.2.3 HelloCpp TestCpp android 环境搭建 编译
  11. React的生命周期
  12. js 学习总结
  13. 201521123024《Java程序设计》第7周学习总结
  14. shell第一篇
  15. [Swift]LeetCode938. 二叉搜索树的范围和 | Range Sum of BST
  16. 英特尔神经棒使用入门-NCS2 &amp; NCS1 -OpenVino
  17. Spring Boot中使用Spring Security进行安全控制转载来自翟永超
  18. mysql数据库授权
  19. 2019.04.09 电商19 分析carmanage.py
  20. golang 入门之struct继承,嵌套

热门文章

  1. springboot ElasticsearchRepository date_histogram 聚合查询
  2. getClassLoader
  3. 解决windows环境TIM无法修改个人文件夹位置
  4. 转发-》c++ stl multimap基本操作使用技巧详细介绍
  5. Postman 测试 Web Service 和 WCF
  6. Pyqtgraph入门
  7. 2023-03-01 react-native 实现 复制功能 @react-native-community/clipboard 报错:TypeError: null is not an object (evaluating &#39;NativeClipboard_1.default.setString&#39;)。
  8. [MySQL高级](一) EXPLAIN用法和结果分析
  9. 事务(Transaction)逻辑应用
  10. py13函数迭代器与生成器