瀏覽代碼

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('请检查表单填写是否正确')