【组件封装】二次封装el-pagination,拒绝繁琐配置

el-pagination 分页组件

在中后台系统中,经常会使用分页器组件。el-pagination 需要配置
page-size、layout、@current-change等诸多属性。每个页面都这样子使用的话既容易出现错误,也会造成代码冗余

【组件封装】二次封装el-pagination,拒绝繁琐配置_第1张图片

组件设计(完整版)

p-el-pagination 默认的属性,如background、small、page-sizes等,请根据实际业务修改默认值

调用效果及代码






组件源码(p-el-checkbox.vue)






::v-deep {
    .el-input__inner {
        height: 25px;
    }
}

仓库源码

后续补充

你可能感兴趣的:(【组件封装】二次封装el-pagination,拒绝繁琐配置)