循环生成el-descriptions-item

本文主要是介绍循环生成el-descriptions-item，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

0 后端返回数据格式

{"msg": "操作成功","code": 200,"data": {"id": 42,"contactInfo": [{"contactPerson": "张三","contactPhone": "13688888888"},{"contactPerson": "李四","contactPhone": ""},{"contactPerson": "","contactPhone": "13699999999"}],"remark": "备注信息"}
}

1 使用template

<el-descriptions class="operation-form-content" :column="2"><el-descriptions-item label="客户名称">{{clientInfo.clientName}}</el-descriptions-item><template v-for="(item, index) in clientInfo.contactInfo"><el-descriptions-item label="联系人" :key="index">{{item.contactPerson}}</el-descriptions-item><el-descriptions-item label="联系电话" :key="index">{{item.contactPhone}}</el-descriptions-item></template>
</el-descriptions>

这篇关于循环生成el-descriptions-item的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---