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

</style>组件源代码（p-el-pagination.vue）<脚本>导出默认{组件:{总计：{类型：数字，默认：0,},大小：{类型：编号，默认值：30，}，页面：{type：number，默认值：1，}，}，data（）{return{currentPage：1，currentsize：30，};},mounted(){this.currentsize=this.size;this.currentPage=this.page;},观看：{size(){this.currentsize=this.size;},page(){this.currentPage=this.page;},},方法：{sizeChange(val){this.currentsize=val;//大小改变时，默认位置到第一页this.currentPage=1;this.$emit('handlePageSizeChange',this.currentPage,this.currentsize);},pageChange(val){this.currentPage=val;this.$emit('handlePageSizeChange',this.currentPage,this.currentsize);},},};::v-deep{.el-input__inner{height:25px;}}el-pagination分页组件在中后台系统中，经常会用到分页组件。el-pagination需要配置page-size、layout、@current-change等诸多属性。如果每个页面都这样使用，容易出错，也会造成代码冗余Value调用效果和code</style>组件源代码（p-el-pagination.vue）<脚本>导出默认{组件:{总计：{类型：数字，默认：0,},大小：{类型：编号，默认值：30，}，页面：{type：number，默认值：1，}，}，data（）{return{currentPage：1，currentsize：30，};},mounted(){this.currentsize=this.size;this.currentPage=this.page;},观看：{size(){this.currentsize=this.size;},page(){this.currentPage=this.page;},},方法：{sizeChange(val){this.currentsize=val;//大小改变时，默认位置到第一页this.currentPage=1;this.$emit('handlePageSizeChange',this.currentPage,this.currentsize);},pageChange(val){this.currentPage=val;this.$emit('handlePageSizeChange',this.currentPage,this.currentsize);},},};::v-deep{.el-input__inner{height:25px;}}仓库源码包el-pagination