element ui 分页

修改选中页码的样式：

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