elementui表格从接口获取数据渲染表头与内容

最新推荐文章于 2024-07-26 13:33:53 发布

熊抱抱的一粒

最新推荐文章于 2024-07-26 13:33:53 发布

阅读量2.5k

点赞数

文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/qq_52959651/article/details/118936771

版权

本文介绍如何在Vue项目中使用ElementUI，通过从后端接口获取数据来动态渲染表格的表头和内容。实现了业务场景中表格内容不固定的需求，通过与后端协作调整数据格式，最终成功展示数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

业务需要，表格内容不固定，都从后端获取数据，平常做表格都是名称是固定的，表格名称绑定就出来了，看了官方文档，又上网搜了一下，与后端也改了几次表格格式，终于搞出来了，当然啦，这也借鉴了别人的代码思路，只不过我又结合了自己的数据做了一下改动，下面是代码。

<template>
  <div class="index">
    <el-row :gutter="15">
      <el-col :span="24">
        <el-table
          class="tableClass"
          :data="formData.result"
          border
          height="350"
          width="500"
        >
          <el-table-column
            v-for="key in formData.listkey"
            :key=