前言
最近在做的项目中,有大量界面用到了表格(el-table)组件,但是里面具体显示的内容不同,是从后端获取过来的,如果每一个界面写一下el-table的代码的话,会造成代码量大且不易维护的后果,所以就对el-table表格进行了二次封装。
代码实现
1.封装的子组件表格代码:
<template>
<div>
<!-- 表格部分 -->
<el-table
:data="tableData"
@selection-change="handleSelectionChange"
:header-cell-style="headerStyle"
>
<!-- 表格业务内容列 -->
<template v-for="(item, index) in