<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>
没试验过 基本逻辑没得问题
contact_1,contact_2 这些字段都一样 合成一个数组 一次渲染