formcrate自定义对象组件进行校验
时间: 2024-01-22 19:02:41 浏览: 66
若要使用FormCreate校验自定义对象组件,可以按照以下步骤进行:
1. 在自定义对象组件中,通过`$emit`方法将组件的值发送给父组件。例如,在子组件中的某个事件触发时,可以使用`$emit`将值发送给父组件:
```javascript
// 在子组件的某个事件中
this.$emit('input', value); // 将自定义对象组件的值发送给父组件
```
2. 在父组件中,接收子组件传递的值,并将其绑定到FormCreate中的数据模型中。例如,在父组件的模板中使用自定义对象组件,并将其值绑定到FormCreate中:
```html
<template>
<div>
<fc :model="formData" :rules="rules">
<custom-object v-model="formData.customObject"></custom-object>
</fc>
</div>
</template>
```
3. 定义自定义对象组件的校验规则。在父组件的`data`选项中定义校验规则,并将其与自定义对象组件绑定。例如:
```javascript
data() {
return {
formData: {
customObject: {
prop1: '',
prop2: ''
}
},
rules: {
customObject: [
{ required: true, message: '请填写自定义对象', trigger: 'blur' },
// 添加其他校验规则
]
}
}
}
```
通过以上步骤,你可以将自定义对象组件挂载到FormCreate,并进行校验。如果自定义对象组件中的值发生变化,父组件中的`formData.customObject`的值也会相应地更新。校验结果会自动显示在自定义对象组件中,根据校验规则定义的`message`属性。你可以根据实际需求自定义校验规则和提示信息。
阅读全文