el-table如何动态添加列:
-
将数据从列表中抛出来直接放到对象中:
data.forEach(el => { el.shipList.forEach(item => { el[item.FieldTag] = item.DateTimeValue; }); });
-
网页:
planFormList是列表内容,循环出来当做表头。
<el-table-column
v-for="item in planFormList"
:prop="item.FieldTag"
:label="item.FieldName"
:key="item.FieldTag"
>
<template v-slot="{ row }">
<el-date-picker
v-model="row[item.FieldTag]"
v-if="editCan"
type="date"
placeholder=""
size="small"
/>
<span v-else>{{ row[item.FieldTag] }}</span>
</template>
</el-table-column>