el-pagination宽度继承父级
时间: 2023-07-03 17:27:07 浏览: 536
【Vue2 + ElementUI】分页el-pagination 封装成公用组件
您可以通过设置 el-pagination 的宽度为100%来使其继承父级的宽度,如下所示:
```html
<el-pagination
class="pagination"
:total="1000"
:page-size="20"
layout="prev, pager, next"
:pager-count="5"
:prev-text="<"
:next-text=">"
:current-page="1"
:page-sizes="[10, 20, 30, 40]"
:popper-class="'my-popper-class'"
:disabled="false"
:hide-on-single-page="false"
:background="false"
:layout="layout">
</el-pagination>
<style lang="scss" scoped>
.pagination {
width: 100%;
}
</style>
```
在上面的示例中,我们设置了 el-pagination 的 class 为 "pagination",并在样式中将其宽度设置为100%。这样,el-pagination 就会继承其父级元素的宽度。
阅读全文