el-table如何动态增加列

el-table如何动态添加列:

  1. 将数据从列表中抛出来直接放到对象中:

    复制代码
         data.forEach(el => {
           el.shipList.forEach(item => {
             el[item.FieldTag] = item.DateTimeValue;
           });
         });
  2. 网页:

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>
相关推荐
汪子熙1 小时前
Vite 极速时代的构建范式
前端·javascript
叶常落1 小时前
[react] js容易混淆的两种导出方式2025-08-22
javascript
前端小巷子1 小时前
Vue3的渲染秘密:从同步批处理到异步微任务
前端·vue.js·面试
每天学习一丢丢2 小时前
SpringBoot + Vue实现批量导入导出功能的标准方案
vue.js·spring boot·后端
小码编匠2 小时前
物联网数据大屏开发效率翻倍:Vue + DataV + ECharts 的标准化模板库
前端·vue.js·echarts
GHOME3 小时前
Vue2知识点详细回顾(以及自己的一些思考和解答)-2
前端·vue.js·面试
摸着石头过河的石头3 小时前
大模型时代的前端开发新趋势
前端·javascript·ai编程
洋流3 小时前
0基础进大厂,第22天 : CSS中的定位布局,你的.container还找不到位置吗?
前端·javascript·面试
讨厌吃蛋黄酥3 小时前
面试官问 “React Hooks 为啥不能在条件里用”,这么答才显真水平!多数人只知其然
前端·javascript·面试
言兴3 小时前
从输入 URL 到页面显示:深入理解浏览器缓存机制
前端·javascript·面试