소스 검색

fix(订单表单): 使用 Promise 包装表单验证方法并添加错误提示

yz 3 주 전
부모
커밋
40c5ffa80e
1개의 변경된 파일9개의 추가작업 그리고 2개의 파일을 삭제
  1. 9 2
      src/components/order-form/order-form-mixin.js

+ 9 - 2
src/components/order-form/order-form-mixin.js

@@ -485,8 +485,15 @@ export default {
       }
 
       try {
-        const valid = await this.$refs.orderForm.validate()
-        return Boolean(valid)
+        // AvueJS 表单验证方法,使用 Promise 包装
+        return new Promise((resolve) => {
+          this.$refs.orderForm.validate((valid) => {
+            if (!valid) {
+              this.$message.warning('请检查表单填写是否正确')
+            }
+            resolve(Boolean(valid))
+          })
+        })
       } catch (error) {
         console.warn('表单验证失败:', error)
         this.$message.warning('请检查表单填写是否正确')