Ver Fonte

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

yz há 2 semanas atrás
pai
commit
40c5ffa80e
1 ficheiros alterados com 9 adições e 2 exclusões
  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('请检查表单填写是否正确')