ElementUI-Plus的分页pagination 插槽

ElementUI-Plus的分页pagination 插槽的使用

1. 使用插槽前

2. 使用插槽后

• 注意点：

  1. 需要在layout中列出slot

  2. 元素显示的顺序是按照layout里属性值的顺序显示的

  3. 不要用<template #header><div></div></template>的方式插入，直接用div、span、button等直接插入就行了，不然插槽内容就不显示了。

<el-pagination
    background
    v-model:current-page="pageNo"
    v-model:page-size="pageSize"
    :page-sizes="[0,10,20]"
    layout="total, prev, pager, next,->,slot"
    :total="totalSize"
    :hide-on-single-page="true"
    >
    <span>共有{{ totalSize }} 页</span>
</el-pagination>