feat(form): support union key for v-for

840850460 · Feb 16, 2020 · 74c791b · 74c791b
1 parent c63fb3d
commit 74c791b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/components/form/form-group.vue b/src/components/form/form-group.vue
@@ -5,7 +5,7 @@
       <slot>
         <cube-form-item
           v-for="(field, index) in fields"
-          :key="index"
+          :key="field.key || index"
           :field="field"
         />
       </slot>

diff --git a/src/components/form/form.vue b/src/components/form/form.vue
@@ -1,7 +1,11 @@
 <template>
   <form ref="form" class="cube-form" :class="formClass" :action="action" @submit="submitHandler" @reset="resetHandler">
     <slot>
-      <cube-form-group v-for="(group, index) in groups" :fields="group.fields" :legend="group.legend" :key="index" />
+      <cube-form-group
+        v-for="(group, index) in groups"
+        :fields="group.fields"
+        :legend="group.legend"
+        :key="group.key || index" />
     </slot>
   </form>
 </template>
@@ -296,12 +300,14 @@
       },
       addField(fieldComponent) {
         this.fields.push(fieldComponent)
-        this.setValidity(fieldComponent.fieldValue.modelKey)
+        const modelKey = fieldComponent.fieldValue.modelKey
+        modelKey && this.setValidity(modelKey)
       },
       destroyField(fieldComponent) {
         const i = this.fields.indexOf(fieldComponent)
         this.fields.splice(i, 1)
-        this.setValidity(fieldComponent.fieldValue.modelKey)
+        const modelKey = fieldComponent.fieldValue.modelKey
+        modelKey && this.setValidity(modelKey)
       }
     },
     beforeDestroy() {