element-uitable动态生成列

最新推荐文章于 2024-07-30 14:02:27 发布

@玩Go那个玩!

最新推荐文章于 2024-07-30 14:02:27 发布

阅读量3k

点赞数 1

分类专栏： element-ui

本文链接：https://blog.csdn.net/qq_43653325/article/details/91810986

版权

本文介绍如何使用Element UI库动态生成表格列，适用于数据字段不固定或需要灵活展示数据的场景。通过JavaScript处理数据并动态创建columns数组，实现表格列的动态渲染，提供更好的前端展示效果。

摘要由CSDN通过智能技术生成

<template>
  <div class="deduction">
    <header>扣款明细</header>
    <main>
      <el-table :data="tableData" style="width: 100%">
        <el-table-column
          v-for="(item,index) in tableDataHeader"
          :key="index"
          :prop="item.prop"
          :label