elementUI表格内如何使用循环?

tableData1里面有个fromLableJson数组 要输出每个元素的content
下面这样写没有输出内容 也没有报错怎么回事?

<el-table
   :data="tableData1"
   border
   style="width: 939px;"
   size="mini"
   :header-cell-style="{ background: '#fafafa' }"
  >
      <el-table-column type="expand">
        <template slot-scope="fromLableJson">
          <el-form label-position="left" inline class="demo-table-expand">
            <el-form-item label="">
              <span v-for="(items,index) in fromLableJson">{{items.content}}</span>
            </el-form-item>
          </el-form>
        </template>
      </el-table-column>

……………………
阅读 2.5k
1 个回答

感觉你用错了fromLableJson在tableData1里面, 应该是props.row.fromLableJson这样用法吧

<template slot-scope="props">
      <el-form label-position="left" inline class="demo-table-expand">
        <el-form-item label="">
          <span v-for="(items,index) in props.row.fromLableJson">{{items.content}}</span>
        </el-form-item>
      </el-form>
</template>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题