使用elementplus中的分页器，后端一次性返100条数据，前端自己做分页处理，vue3写法

最新推荐文章于 2024-12-24 11:18:29 发布

原创

最新推荐文章于 2024-12-24 11:18:29 发布 · 609 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #javascript

安装依赖

确保你已经安装了 Vue 3 和 Element Plus：

npm install vue@next element-plus

组件

<template>
  <div>
    <el-table :data="currentPageData" style="width: 100%">
      <el-table-column prop="name" label="姓名" />
      <el-table-column prop="age" label="年龄" />
      <el-table-column prop="email" label="邮箱" />
    </el-table>

    <el-pagination
      v-model:current-page="currentPage"
      :page-size="pageSize"
      :total="totalData"
      @current