el-pagination 分页

 el-pagination：

<div class="block">
    <span class="demonstration">直接前往</span>
    　<el-pagination
      v-model:currentPage="currentPage"
      :page-size="10"            　　　　　//每页展示的条数     
      :total="1000"                　　　　//一共多少页，页数等于 总条数/每页条数，删除则中间页码数字没有了
      layout="prev, pager, next, jumper">    //组件布局，子组件名用逗号分隔sizes, prev, pager 页码数字, next, jumper, ->, total, slot
      </el-pagination>
</div>

 

data(){
  return {
    currentPage: 5,            //默认显示的页数
  }
}