vue3 element-plus中自定义组件触发el-form表单校验

问题描述

使用el-form表单校验时难免表单中会有自己封装的组件,但每次需要点击提交按钮才会校验,其实可以在自己封装的组件中触发校验,element-plus给我们提供了方法

---

解决方案：

这里以我为例,我的rules定义的change触发

//rules定义为change触发
ship_address_id: [
    { required: true, message: "请选择发货地址", trigger: "change" }
]

//自己封装的组件中
import { useFormItem } from "element-plus";
const { formItem } = useFormItem();

//在哪里修改了绑定值就触发一下
formItem?.validate("change"); //这里一定要写在修改绑定值之后,rules定义什么方式触发这里就写什么