在工作中可能会有些简单的表格重复开发,枯燥无味,大量的复制粘贴代码会是项目的代码越积越多,后期不利于维护,所以一些简单的表格可以分装成一个表格组件,利于开发复用。
创建一个文件tableBox.vue
<el-table :data="tableData"
:id="id"
row-class-name="rowClassName"
:header-cell-style="{
'background-color': '#f9fafb',
'border-bottom': '1px #E8E8E8 solid'
}"
@cell-click="cellClick"
@selection-change="handleSelectionChange">
<el-table-column v-if="isSelect"
type="selection"
width="55">
</el-table-column>
<el-table-column v-for="(item,index) in tableHeader"
:key="index"
:prop="item.code"