Vue3+ElementPlus 表格分页组件封装

柒柒兮

于 2021-08-02 10:48:09 发布

阅读量5.8k

点赞数 3

分类专栏： Element 文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/qq_28948031/article/details/119320264

版权

本文档将指导你如何一步步创建并使用Vue3结合ElementPlus的分页组件。首先，我们将介绍如何新建公共组件pagination.vue，然后详细说明在项目中如何有效地集成和应用这个分页组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步新建公共组件pagination.vue

<template>
	<!-- 分页 -->
	<el-pagination
	   background
	  @size-change="handleSizeChange"
	  @current-change="handlePageChange"
	  :page-sizes="[10, 30, 100]"
	  :page-size="pagesize"
	  :layout="layout"
	  :total="total">
	</el-pagination>
</template>

<script>
	export default {
   
		name:'Pagination',
		 props: {
   
		  pagesize: [Number, String],//一页多少条
		  currentpage: [Number, String

最低0.47元/天解锁文章