如何二次封装一个el-table组件并二次复用

*注:示例使用的是vue3和element+进行二次封装的

首先我们来看效果图(总共可以分为以下几个模块):

如何二次封装一个el-table组件并二次复用_第1张图片

  1. 表格数据操作按钮区域
  2. 表格信息提示区域
  3. 表格主体内容展示区域
  4. 表格分页区域

表单搜索没有封装在这里是为了降低代码的耦合性(有兴趣的可以查看我之前写的搜索框封装如何封装一个后管的输入框按钮组件基础版(可多次复用)_小羊集事笨的博客-CSDN博客)

以下是代码:






这段代码是一个Vue组件,它定义了一个可重用的表格组件,具有以下功能:

你可能感兴趣的:(vue.js,elementui,前端)