diff --git a/src/field/Field.tsx b/src/field/Field.tsx
index 811522a52..bac5ef673 100644
--- a/src/field/Field.tsx
+++ b/src/field/Field.tsx
@@ -560,6 +560,7 @@ export default defineComponent({
           size={props.size}
           icon={props.leftIcon}
           class={bem({
+            error: showError.value,
             disabled,
             [`label-${labelAlign}`]: labelAlign,
           })}
diff --git a/src/field/test/__snapshots__/demo.spec.ts.snap b/src/field/test/__snapshots__/demo.spec.ts.snap
index 0468dc03e..2da71110f 100644
--- a/src/field/test/__snapshots__/demo.spec.ts.snap
+++ b/src/field/test/__snapshots__/demo.spec.ts.snap
@@ -183,7 +183,7 @@ exports[`should render demo and match snapshot 1`] = `
 </div>
 <div>
   <div class="van-cell-group van-cell-group--inset">
-    <div class="van-cell van-field">
+    <div class="van-cell van-field van-field--error">
       <div class="van-cell__title van-field__label van-field__label--required">
         <span>
           Username