Y a - t - il une façon de raccourcir les données dans ce tableau el?

Questions et réponses du rseoc 2021-12-30 13:36:37 阅读数:469

il une fa raccourcir les
 <el-table-column label="Téléphone" 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>



Adopter les réponses:
<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>

Pas testé. Il n'y a pas de problème avec la logique de base



Autres réponses2:

Il suffit de traverser


Autres réponses3:

contact_1,contact_2 Ces champs sont les mêmes Composer un tableau Un rendu

版权声明:本文为[Questions et réponses du rseoc]所创,转载请带上原文链接,感谢。 https://primo.wiki/2021/12/202112231358194579.html