el-pagination左右箭头替换成文字上一页和下一页

 

 <el-pagination background class="pagination"
         layout="prev, pager, next"
         :total="100"
         next-text="下一页" prev-text="上一页">
       </el-pagination>


<style scoped lang="scss">
.pagination{
  display: flex;
  justify-content: center; //居中
  margin-top: 20px;
  //float: left;居左
  //float: right;居右
}
::v-deep .el-pagination.is-background .btn-prev {
  background: #ffffff !important; 
  border: 1px solid #f4f4f5;
  width: 70px;
}
::v-deep .el-pagination.is-background .btn-next{
   background: #ffffff !important; 
   border: 1px solid #f4f4f5;
   width: 70px;
}
::v-deep .el-pagination.is-background .el-pager li{
   color: black;
    border: 1px solid #f4f4f5;
}
::v-deep .el-dialog__body{
  min-height: 300px;
}
::v-deep .el-dialog{
    max-width: 400px;
}
::v-deep .el-dialog__header{
  border-bottom: 2px solid #cdcdd1;
  font-size: 20px;
  position: relative;
  display: flex;
  align-items: center;
}
::v-deep .el-pagination.is-background .btn-prev, ::v-deep .el-pagination.is-background .btn-next,::v-deep .el-pagination.is-background .el-pager li{
     background-color:transparent;
     margin:0;
} }
</style>