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>
相关推荐
玫城9 小时前
[ VUE ] 封装通用数组校验组件,el-input内使用
前端·javascript·vue.js
弓.长.13 小时前
React Native 鸿蒙跨平台开发:实现一个多功能单位转换器
javascript·react native·react.js
南半球与北海道#13 小时前
前端打印(三联纸票据打印)
前端·vue.js·打印
摘星编程13 小时前
React Native for OpenHarmony 实战:ToggleSwitch 切换开关详解
javascript·react native·react.js
满栀58514 小时前
分页插件制作
开发语言·前端·javascript·jquery
qq_4061761414 小时前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
弓.长.14 小时前
React Native 鸿蒙跨平台开发:BottomSheet 底部面板详解
javascript·react native·react.js
摘星编程15 小时前
React Native for OpenHarmony 实战:Permissions 权限管理详解
javascript·react native·react.js
闲蛋小超人笑嘻嘻15 小时前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
摘星编程15 小时前
React Native for OpenHarmony 实战:SearchBar 搜索栏详解
javascript·react native·react.js