1、循环数据必须是表单v-mode的数据
2、prop命名问题
<el-form class="form " :model="dataCollection" label-width="120px" size="small"
:rules="rulesCollection" ref="dataCollection">
<div v-for="(val, index) in dataCollection.incomeList" :key="index">
el-form-item :label="'进账金额' + (index + 1)"
:prop="'incomeList.' + index + '.incomeMoney'"
:rules="rulesCollection.incomeMoney"> <el-input v-model="val.incomeMoney"
@change="incomeMoneyFun(val.incomeMoney, index)" @input='provingChange($event,"incomeMoney")'> </el-input>
</el-form-item>
</div>
</form>
rulesCollection: {
incomeMoney: { required: true, trigger: "blur", message: "请输入进账金额" },
},
provingChange()为input框无法输入内容解决的方法
provingChange(e,name){
this.$delete(this.dataCollection,name)
this.$set(this.dataCollection, name, e);
},