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

Question

      <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>

Answer 1

<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>

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