vue 表单验证按钮事件交由父组件触发的方法

//内容部分

<Form ref="formCustom" :model="formCustom" :rules="ruleCustom" :label-width="80">
 <FormItem label="Age" prop="age">
 <Input type="text" v-model="formCustom.age" number></Input>
 </FormItem>
 <FormItem>
 <Button type="primary" @click="handleSubmit('formCustom')">Submit</Button>
 <Button @click="handleReset('formCustom')" style="margin-left: 8px">Reset</Button>
 </FormItem>
</Form>

export default {
 data () {
 return {
 formCustom: {
 age: ''
 },
 ruleCustom: {
 age: [
 { required: true, message: '年龄不为空', trigger: 'blur' }
 ]
 }
 }
 },
 methods: {
 handleSubmit (name) {
 this.$refs[name].validate((valid) => {
 if (valid) {
 const form = this.formCustom
 // 在这将事件传递出去
 this.$emit('submit', form)
 } else {
 this.$Message.error('Fail!');
 }
 })
 },
 handleReset (name) {
 this.$refs[name].resetFields();
 }
 }
}

 //子组件
 <modalContent @submit="handleSubmit"/>

import modalContent from '子组件位置（这里没写）'
export default {
 components: { modalContent },
 data () {
 return {}
 },
 methods: {
 // 子组件的点击触发事件
 handleSubmit(form) {
 this.$Message.success('Success!');
 }
 }
}