template片段
<template>
<div>
<el-form>
<tamplate v-for="(item, index) in form">
<el-form-item :label="item.label">
<el-input v-model="formData[item.prop]" :placeholder="item.placeholder"></el-input>
</el-form-item>
</tamplate>
<el-button type="primary" @click="getFormData()">打印</el-button>
</el-form>
</div>
</template>
js片段
export default {
data() {
return {
formData: [], // 或者 formData:{}
form: [
{
label: '姓名',
prop: 'name'
},
{
label: '年龄',
prop: 'age'
}
],
}
},
mounted() {
// this.getFormData()
},
methods: {
getFormData() {
console.log(this.formData);
console.log(this.formData.name);
console.log(this.formData.age);
}
}
}
输出: