<template>
<!--父级页面使用
<pagePagination
:total="total"
@pageChild="pageChildFun"
>
</pagePagination> -->
<div style="margin-top: 20px; text-align: right">
<el-pagination
:hide-on-single-page="flag"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pageObj.current"
:page-size="pageObj.size"
background
layout="prev, pager, next"
:total="total"
>
</el-pagination>
</div>
</template>
<script>
export default {
name: "page-components",
props: {
total: {
type: Number,
default: 100,
},
},
data() {
return {
f
element分页组件二次分装使用
最新推荐文章于 2022-10-19 13:24:56 发布
本文详细介绍了如何基于Vue.js和Element UI库,对分页组件进行二次分装,以满足特定项目的功能需求。通过自定义事件、样式调整和属性扩展,实现了更加灵活和个性化的分页体验。
摘要由CSDN通过智能技术生成