edit-wrapper 1.1.2 → 1.1.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "edit-wrapper",
   "description": "A Vue.js project",
-  "version": "1.1.2",
+  "version": "1.1.6",
   "author": "ycn <13409378589@qq.com>",
   "license": "MIT",
   "private": false,

package/src/components/Main.vue

@@ -5,8 +5,8 @@
         <label v-for="(item, index) in typesArr" for="r5" :key="index" ><input @change="changeRadio" :id="index" type="radio" name="type" :value="item.value">{{item.label}}</label>
       </div>
     </div>
-    {{language}}
-    <monaco-editor width="800" height="600" :language="language" :key="randomKey" :code="code" />
+    
+    <monaco-editor width="800" height="600" :language="language" :key="randomKey" :code="code" @onCodeChange="onCodeChange" />
   </div>
 </template>
 
@@ -31,15 +31,20 @@ export default {
       ],
       randomKey: 1,
       language: 'text',
-      code: "// 我是code",
+      code: "",
       editor: ""
     };
   },
   methods: {
    changeRadio(e) {
+      console.log("code", this.code);
       this.language = e.target.value
       this.randomKey = Date.now()
     },
+     onCodeChange(editor) {
+       console.log(editor.getValue());
+       this.code = editor.getValue()
+    }
   }
 };
 </script>

package/src/components/vue-monaco-editor/src/Monaco.vue

@@ -10,7 +10,7 @@ module.exports = {
   props: {
     width: { type: [String, Number], default: '100%' },
     height: { type: [String, Number], default: '100%' },
-    code: { type: String, default: '// code \n' },
+    code: { type: String, default: '' },
     srcPath: { type: String },
     language: { type: String, default: 'javascript' },
     theme: { type: String, default: 'vs-dark' }, // vs, hc-black
@@ -22,7 +22,9 @@ module.exports = {
     changeThrottle: { type: Number, default: 0 }
   },
   mounted() {
-    this.fetchEditor();
+    setTimeout(() => {
+      this.fetchEditor();
+    }, 0)
   },
   destroyed() {
     this.destroyMonaco();