diff --git a/frontend/src/business/components/common/json-schema/JsonSchemaEditor.vue b/frontend/src/business/components/common/json-schema/JsonSchemaEditor.vue
index 61535bb4ef..849bf03b78 100644
--- a/frontend/src/business/components/common/json-schema/JsonSchemaEditor.vue
+++ b/frontend/src/business/components/common/json-schema/JsonSchemaEditor.vue
@@ -21,6 +21,7 @@
 <script>
   import {schemaToJson} from './common';
   import MsImportJson from './import/ImportJson';
+
   const Convert = require('./convert/convert.js');
   const MsConvert = new Convert();
 
@@ -40,6 +41,14 @@
       }
       this.body.jsonSchema = this.schema.root;
     },
+    watch: {
+      schema: {
+        handler(newValue, oldValue) {
+          this.body.jsonSchema = this.schema.root;
+        },
+        deep: true
+      }
+    },
     data() {
       return {
         schema:
diff --git a/frontend/src/business/components/common/json-schema/schema/editor/mock/MockComplete.vue b/frontend/src/business/components/common/json-schema/schema/editor/mock/MockComplete.vue
index df57a6ab3b..d36cae6f5d 100644
--- a/frontend/src/business/components/common/json-schema/schema/editor/mock/MockComplete.vue
+++ b/frontend/src/business/components/common/json-schema/schema/editor/mock/MockComplete.vue
@@ -47,6 +47,14 @@
         this.$delete(this.schema, 'mock')
       }
     },
+    watch: {
+      schema: {
+        handler(newValue, oldValue) {
+          this.schema.mock = this.mock;
+        },
+        deep: true
+      }
+    },
     mounted() {
     },
     methods: {