VUE element自定义table表头

**1.html

<el-table
:key=“tableKey”
ref=“table”
v-loading=“loading”
:data=“list”
fit
style=“width: 100%;overflow-x:auto”
height=“calc(100vh - 0px)”
@selection-change=“onSelectChange”
@sort-change=“sortChange”
row-key=“id”
:tree-props="{ children: ‘children’ }"
:row-style="{ height: ‘50px’ }"
:cell-style="{ padding: ‘0’ }"
>


{{scope.row[scope.column.property]}}

2.js

tableHeader=[{label:"所属区域",key:'newArea'}]    label:表头显示文字     key:需要显示数据的属性

注意事项:
key值，必须是list的第一层