后端返回List<String>的数据集合，前端el-table表格怎么显示？

Question

后端返回了一个list集合，集合中的类型是String，这样的集合数据，前端怎么在el-table中展示？因为它不是对象，所以表格中prop里没有属性名可以填，那我应该怎么展示呢？

Answer 1

数组转换成数组对象，

const arr = ['我','在','C','S','D','N','!'];
const arrObj = arr.map(item=>{
  return {key:item}
}) // arrObj = [{key:'我'},...{key:'!'}]


    <el-table
      :data="arrObj"
      style="width: 100%">
      <el-table-column
        prop="key"
        label="数据展示">
      </el-table-column>
    </el-table>