vue3中简单快速的做个表单输入框验证

    
      
    


     确认

const formRef = ref();//表单虚拟节点

function addOption() {
    formEl.value.validate((val)=>{
        if(!val) return ElMessage.error("请输入服务商名称");
    })
};

说明：ref="formRef"是表单的虚拟节点

 :model="processingProgressForm"是绑定的对象

prop="rejectRemarks"要验证的属性

:rules是验证规则，可以直接写到标签上也可以写成变量

这4个属性必须要有