vue3.2中的表单校验绑定ref：ref="editRef" 提交时校验：editRef.value.validate

绑定ref：ref="editRef"

<el-form label-position="top" :model="value" ref="editRef">
    <el-form-item class="detail__modify">
      <el-input v-model="out.outType"></el-input
    >
</el-form-item>
</el-form>

import {ref} from 'vue'

提交时校验：editRef.value.validate()

const editRef = ref();
editRef.value.validate().then(async function () {
try {
    await fetchDetail({...param})
}

如果需要取消校验，比如取消表单编辑的时候，就需要重置表单校验，否则可能会有校验信息提示。此时使用 editRef.value.resetFields();

function cancel(): void {
    editRef.value.resetFields();
    handleClear();
    ctx.emit('close');
}

参考链接：www.jianshu.com/p/016527a41…