鍍金池/ 問答/HTML/ 對于類似的代碼結構塊,不同的取值內(nèi)容,如何精簡代碼?

對于類似的代碼結構塊,不同的取值內(nèi)容,如何精簡代碼?

圖片描述

使用了element-UI框架以及Vue框架進行開發(fā),每個label都不一樣而且取值的內(nèi)容也不一樣,代碼結構是類似的,應該如何優(yōu)化代碼?
感謝!

回答
編輯回答
舊城人

v-for 遍歷

forConfig:[{label:'用戶ID',key:'id'}...]
<el-form-item v-for="item in forConfig" :label="item.label" :key="item.key" >
    <span>{{props.row[item.key]}}</span>
</el-form-item>
2017年8月9日 17:15