<el-form ref="btn" :model="init" :inline="true" :disabled="disableds">
<div v-for="(item, index) in init.serviceSet" :key="index">
<el-form-item label="服务费率" :rules="rules.serviceChargeRatio" :prop="`serviceSet.${index}.serviceChargeRatio`">
<el-input v-model="item.serviceChargeRatio" :disabled="item.checkedCities.length == 0" style="width: 100px;" size="mini" clearable @input="serverMoney($event, item)" />%
</el-form-item>
<el-form-item label="服务费上限" :rules="rules.serviceChargeLimit" :prop="`serviceSet.${index}.serviceChargeLimit`">
<el-input v-model="item.serviceChargeLimit" :disabled="item.checkedCities.length == 0" style="width: 100px;" size="mini" clearable />元
</el-form-item>
<el-form-item label="最低服务费" :rules="rules.serviceChargeMinimum" :prop="`serviceSet.${index}.serviceChargeMinimum`">
<el-input v-model="item.serviceChargeMinimum" :disabled="item.checkedCities.length == 0" style="width: 100px;" size="mini" clearable />元
</el-form-item>
<el-divider content-position="left" />
</div>
<!-- <el-button @click="test">测试按钮</el-button> -->
</el-form>
rules: {
serviceChargeRatio: [
{ required: true, message: '请输入', trigger: 'blur' },
],
serviceChargeLimit: [
{ required: true, message: '请输入', trigger: 'blur' },
],
serviceChargeMinimum: [
{ required: true, message: '请输入', trigger: 'blur' },
],
},
test() {
var flag = false
this.$refs['btn'].validate((valid) => {
if (valid) {
console.log('--------')
flag = true
} else {
console.log('============')
flag = false
}
})
return flag
},
参考:
循环表单 el-form-item 添加验证