vue+elementUI动态表头表数据循环遍历动态展示

最新推荐文章于 2023-07-26 08:45:52 发布

前端黑眼圈

最新推荐文章于 2023-07-26 08:45:52 发布

阅读量968

点赞数

分类专栏： vue element

本文链接：https://blog.csdn.net/qq_36595944/article/details/115603990

版权

vue 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

element

10 篇文章 0 订阅

订阅专栏

查了一些资料。终于解决了这个问题。直接上代码

// table 里面直接
<el-table
      :data="tableData"
      v-loading="loading"
      element-loading-text="加载中"
      element-loading-spinner="el-icon-loading"
      element-loading-background="rgba(255, 255, 255, 1)"
      :header-cell-style="{ color: '#fff', background: ' rgba(76,211,203,0.10)' }"
      style="width: 100%">
        <el-table-column
          fixed
          align="center"
          width="150"
          :label="item.name" v-for="(item, index) in tableHear"
                          :key="index">
          <template slot-scope="scope">
              // 正常拿数据 是scope.row. 对应的key 这块的key 再循环的时候 必须[item.key]
              {{ scope.row[item.propName] }}
            </template>
        </el-table-column>
      </el-table>