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>
相关推荐
Nan_Shu_6142 小时前
学习: Threejs (1)
javascript·学习
Van_Moonlight3 小时前
RN for OpenHarmony 实战 TodoList 项目:加载状态 Loading
javascript·开源·harmonyos
qq_406176144 小时前
关于JavaScript中的filter方法
开发语言·前端·javascript·ajax·原型模式
@@小旭4 小时前
实现头部Sticky 粘性布局,并且点击菜单滑动到相应位置
前端·javascript·css
Van_captain5 小时前
rn_for_openharmony常用组件_Divider分割线
javascript·开源·harmonyos
Yanni4Night5 小时前
Parcel 作者:如何用静态Hermes把JavaScript编译成C语言
前端·javascript·rust
天意pt6 小时前
Blog-SSR 系统操作手册(v1.0.0)
前端·vue.js·redis·mysql·docker·node.js·express
遇见~未来6 小时前
JavaScript构造函数与Class终极指南
开发语言·javascript·原型模式
清风ai明月6 小时前
在vue3中Promise是什么
vue.js
毕设源码-邱学长6 小时前
【开题答辩全过程】以 基于VUE的打车系统的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js