fields: input-select-search & input-file, fix reactive

signifly · Aug 9, 2019 · f1e0584 · f1e0584
1 parent 86d2132
commit f1e0584
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 9 deletions.
diff --git a/src/components/fields/input-file.vue b/src/components/fields/input-file.vue
@@ -80,12 +80,17 @@ export default {
 		}
 	},
 
-	created() {
-		if (this.url) {
-			this.fileList.push({
-				url: this.url,
-				name: this.url.split("/").slice(-1)[0]
-			});
+	watch: {
+		url: {
+			immediate: true,
+			handler(url) {
+				if (url) {
+					this.fileList.push({
+						url: url,
+						name: url.split("/").slice(-1)[0]
+					});
+				}
+			}
 		}
 	}
 };

diff --git a/src/components/fields/input-select-search.vue b/src/components/fields/input-select-search.vue
@@ -120,9 +120,14 @@ export default {
 			});
 		}
 	},
-	created() {
-		if (this.value) {
-			this.getSelectedItem();
+	watch: {
+		value: {
+			immediate: true,
+			handler(value) {
+				if (value && !this.selectedItem) {
+					this.getSelectedItem();
+				}
+			}
 		}
 	}
 };