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

CSDN问答 2021-12-30 13:35:24 阅读数:778

数据 Table 这种 el-table el
 <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 这些字段都一样 合成一个数组 一次渲染

版权声明:本文为[CSDN问答]所创,转载请带上原文链接,感谢。 https://ask.csdn.net/questions/7613018