首页 > 其他 > 详细

element 分页组件中如何实现只有上一页和下一页,以及pre-text和next-text属性使用

时间:2020-08-27 15:21:39      阅读:273      评论:0      收藏:0      [点我收藏+]

首先我的element版本是

技术分享图片

 方法一 

  使用prev-text,next-text,并且layout="prev, next"如图

技术分享图片

方法二

  手动覆盖

技术分享图片

 技术分享图片

这两个方法都可以

实现效果

技术分享图片

 背景色的话,需要再写css  (这个根据具体项目来更改)

.el-pagination.is-background .btn-next, 
.el-pagination.is-background .btn-prev{
      background-color: #E3E8EE;
      color: #000;
      width: 86px;
      height: 33px;
 }
 .el-pagination.is-background .btn-next:disabled, 
 .el-pagination.is-background .btn-prev:disabled, 
 .el-pagination.is-background .el-pager li.disabled {
      color: #C0C4CC;
 }

 

element 分页组件中如何实现只有上一页和下一页,以及pre-text和next-text属性使用

原文:https://www.cnblogs.com/chr506029589/p/13571022.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!