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>
相关推荐
梨子同志几秒前
ES6~ES13 新特性
前端·javascript
BUG收容所所长37 分钟前
二分查找的「左右为难」:如何优雅地找到数组中元素的首尾位置
前端·javascript·算法
梨子同志38 分钟前
手动实现 JavaScript 的 call、apply 和 bind 方法
前端·javascript
梨子同志40 分钟前
ES6 let 和 const
前端·javascript
前端小白佬1 小时前
【JS】事件传播--事件捕获/冒泡
javascript·面试
PasserbyX1 小时前
ES6 WeakMap 生效的证明: FinalizationRegistry
前端·javascript
努力学习的小刘1 小时前
如何使用react-router实现动态路由
前端·javascript
PasserbyX1 小时前
JS原型链
前端·javascript
Danta1 小时前
从0开始学习three.js(1)😁
前端·javascript·three.js
我的心巴1 小时前
vue-print-nb 打印相关问题
前端·vue.js·elementui