表头渲染正常,但是内容显示不出来,请大佬指点下。
<el-table
:data="tableData"
border>
<el-table-column prop="date"
label="编辑"
width="80"
align="center"
fixed>
<template slot-scope="scope">
<span class="el-icon-edit el-input__icon"
style="cursor: pointer"
@click="handleEdit(scope.$index, scope.row)">
</span> </template> </el-table-column> <el-table-column label="基础信息">
<el-table-column v-for="item in headersStage.basicInfos"
show-overflow-tooltip
:prop="item.infos"
:label="item.name"
:key="item.name"
fixed
>
</el-table-column>
</el-table-column> <el-table-column label="附件">
<el-table-column v-for="item in headersStage.dictStages"
:prop="item.infos"
:label="item.name"
:key="item.name"
show-overflow-tooltip
>
</el-table-column> </el-table-column></el-table>
// 表头
let headersStage = {
basicInfos: [
{
"name": "分类",
"path": "systemCategory",
},
{
"name": "名称",
"path": "codeName",
},
{
"name": "编码",
"path": "localId",
},
{
"name": "编码2",
"path": "bimTypeId",
}
],
dictStages: [
{
name: "空气面积",
path: "infos.coolCoilHeatTransArea"
},
{
name: "高度",
path: "infos.primFilterAlarm"
},
{
name: "寬度",
path: "infos.seasonChangeSet"
}, {
name: "面積",
path: "infos.returnAirTemp"
},{
name: "氧气",
path: "infos.returnAirCO2Set"
}
]
}
// 表格数据
let tableData = [
{
"infos":{
"coolCoilHeatTransArea":"-901",
"crossHeight":"-903",
"primFilterAlarm":"6578-902",
"seasonChangeSet":"567-903",
"returnAirTemp":"346-901",
},
"codeName":"测试-978",
},
{
"classCode":"ACATAH",
"infos":{
"coolCoilHeatTransArea":"0-901",
"crossHeight":"9-903",
"primFilterAlarm":"978-902",
"seasonChangeSet":"789-903",
"returnAirTemp":"3-901",
"returnAirCO2Set":"322-789"
},
"codeName":"测试-78",
}]