我的数据的格式:
formData: {ipAddress: {one: '',two: '',},
},
代码结构:
<el-form-item label="IP地址" prop="ipAddress"><el-input-numberv-model="formData.ipAddress.one"class="ip-address":controls="false":precision="0":max="255":min="0"/><el-input-numberv-model="formData.ipAddress.one"class="ip-address":controls="false":precision="0":max="255":min="0"/>
</el-form-item>
规则示例:
rules: {ipAddress: [{ required: true, validator: this.checkMultiInput, trigger: 'blur' }]
}
methods中:
checkMultiInput(rule, value, callback) {let allFieldsFilled = true;Object.keys(this.formData.ipAddress).forEach((key) => {if (!this.formData.ipAddress[key] && this.formData.ipAddress[key] !== 0) {allFieldsFilled = false;}});if (!allFieldsFilled) {callback(new Error('IP地址不能为空'));} else {callback();}
},
效果图: