这种el-table表中的数据有什么简写的方式吗

 <el-table-column label="电话" width="180"> <template slot-scope="scope"> <div v-if="scope.row.contact_1 != undefined"> <span v-for="(item,index) in scope.row.contact_1.mobile" :key="index">{
{ item }}</span> </div> <div v-if="scope.row.contact_2 != undefined"> <span v-for="(item,index) in scope.row.contact_2.mobile" :key="index">{
{ item }}</span> </div> <div v-if="scope.row.contact_3 != undefined"> <span v-for="(item,index) in scope.row.contact_3.mobile" :key="index">{
{ item }}</span> </div> <div v-if="scope.row.contact_4 != undefined"> <span v-for="(item,index) in scope.row.contact_4.mobile" :key="index">{
{ item }}</span> </div> <div v-if="scope.row.contact_5 != undefined"> <span v-for="(item,index) in scope.row.contact_5.mobile" :key="index">{
{ item }}</span> </div> </template> </el-table-column>

采纳答案：

<div v-for="(item,index) in Object.keys(scope.row)" v-if="scope.row[item]!==undefined" :key="index"> <span v-for="(spanItem,spanIndex) in scope.row.[item].mobile" :key="spanIndex">{
{ spanItem}}</span></div>

没试验过基本逻辑没得问题

其他答案2：

利用遍历就行了

其他答案3：

contact_1，contact_2 这些字段都一样合成一个数组一次渲染