Die vom Backend zurückgegebenen Daten
Die erste Ebene kann direkt von Scope.row abgerufen werden, aber die zweite Ebene, z. B. die Klasse, muss v-for verwenden, um Scope.row.users zu durchlaufen, um sie abzurufen
<el-table :data="tableData" style="width: 100%">
<el-table-column label="id" width="50" align="center">
<template slot-scope="scope">
<span style="margin-left: 10px">{
{ scope.row.id }}</span>
</template>
</el-table-column>
<el-table-column label="社团名称" width="100" align="center">
<template slot-scope="scope">
<span style="margin-left: 10px">{
{scope.row.communityName}}</span>
</template>
</el-table-column>
<el-table-column label="申请人" width="100" align="center">
<template slot-scope="scope">
<span style="margin-left: 10px">{
{ scope.row.founder }}</span>
</template>
</el-table-column>
<el-table-column label="班级" width="150" align="center" >
<template slot-scope="scope">
<span v-for="(item, i) in scope.row.users" :key="i">{
{item.className}}</span>
</template>
</el-table-column>
</el-table>