fix(dynamic-field): using v-model, fix component api

ecomplus · Dec 6, 2019 · 6b78718 · 6b78718
1 parent dc88af2
commit 6b78718
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git a/src/components/html/EcDynamicField.html b/src/components/html/EcDynamicField.html
@@ -4,8 +4,7 @@
     v-bind="{name: field, schema: schema}"
     v-if="dynamicField"
     :key="field"
-    :value="value"
-    @input="$emit('input', $event)"
+    v-model="localValue"
     :is="dynamicField"
   />
 </div>
diff --git a/src/components/js/EcDynamicField.js b/src/components/js/EcDynamicField.js
@@ -2,18 +2,23 @@ import { discover } from '../../utils/Discoverer.js'
 
 export default {
   name: 'EcDynamicField',
+
   props: {
-    field: {
-      type: String
-    },
-    schema: {
-      type: Object
-    },
-    value: {
-      type: [String, Number, Boolean, Object]
-    }
+    field: String,
+    schema: Object,
+    value: [String, Number, Boolean, Object]
   },
+
   computed: {
+    localValue: {
+      get () {
+        return this.value
+      },
+      set (value) {
+        this.$emit('input', value)
+      }
+    },
+
     dynamicFields () {
       return discover(this.field, this.schema)
     }