<div v-for="(field, index) in fields" :key="index" width="100%">
<z-row v-if="index%2==0">
<z-col span="10" :xs="24" :sm="6" :lg="10">
<z-form-item :label="field.label" :prop="field.name">
<z-input v-model="model[field.name]" clearable :disabled="isdisabled"></z-input>
</z-form-item>
</z-col>
<z-col span="10" :xs="24" :sm="6" :lg="10" v-if="index+1<fields.length">
<z-form-item :label="fields[index+1].label" :prop="fields[index+1].name">
<z-input v-model="model[fields[index+1].name]" clearable :disabled="isdisabled"></z-input>
</z-form-item>
</z-col>
</z-row>
</div>
以上为动态实现一行2个输入框,要求在 mounted下先获取数据后设置表单
mounted () {
this.getFields(0)
},
methods:{
getFields (type) {
if (type === 0) {
var that = {}
Api.getFieldsAPI(that).then((response) => {
console.log('response', response)
this.fields = response.data.FieldsList
console.log('fields', this.fields)
}).catch((error) => {
console.log(error)
this.fields = []
})
}
},
}