vue element动态生成表头，表格内容

首先是我的需求：我是想动态生成表头，动态渲染表格数据，然后我的表头数据是读取的每一条数据的关键字数据是请求接口得到的先看代码：<el-table:data="cases"v-if="cases.length > 0"borderstyle="width: 90%"><el-table-column v-for="(item,key) in cases[0]"

codernmx

4868人浏览 · 2021-01-09 16:54:57

codernmx · 2021-01-09 16:54:57 发布

首先是我的需求：
我是想动态生成表头，动态渲染表格数据，然后我的表头数据是读取的每一条数据的关键字
数据是请求接口得到的
先看代码：

<el-table
          :data="cases"
          v-if="cases.length > 0"
          border
          style="width: 90%">
          <el-table-column v-for="(item,key) in cases[0]"
                           align="center"
                           :prop="key"
                           :label="key"
                           width="200">
          </el-table-column>
        </el-table>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^