fix(components): [ElFormItem] label will be show undefined (element-p…

…lus#4487)
toobeloong · Nov 22, 2021 · 8fe4f1e · 8fe4f1e
1 parent 0832a55
commit 8fe4f1e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/components/form/src/form-item.vue b/packages/components/form/src/form-item.vue
@@ -10,8 +10,8 @@
         class="el-form-item__label"
         :style="labelStyle"
       >
-        <slot name="label" :label="label + elForm.labelSuffix">
-          {{ label + elForm.labelSuffix }}
+        <slot name="label" :label="currentLabel">
+          {{ currentLabel }}
         </slot>
       </label>
     </LabelWrap>
@@ -345,6 +345,10 @@ export default defineComponent({
       )
     })
 
+    const currentLabel = computed(
+      () => (props.label || '') + (elForm.labelSuffix || '')
+    )
+
     return {
       formItemRef,
       formItemClass,
@@ -356,6 +360,7 @@ export default defineComponent({
       labelFor,
       resetField,
       clearValidate,
+      currentLabel,
     }
   },
 })