fix: F-loat#70 update content variable after toTextArea()

F-loat · F-loat · commit 921711ff0c38 · 2019-12-02T10:37:51.000+08:00
diff --git a/src/index.vue b/src/index.vue
@@ -1,6 +1,11 @@
 <template>
   <div class="vue-simplemde">
-    <textarea :name="name"></textarea>
+    <textarea
+      class="vue-simplemde-textarea"
+      :name="name"
+      :value="modelVal"
+      @input="handleInput"
+    />
   </div>
 </template>
 
@@ -39,6 +44,11 @@ export default {
       },
     },
   },
+  data() {
+    return {
+      modelVal: '',
+    };
+  },
   mounted() {
     if (this.autoinit) this.initialize();
   },
@@ -91,6 +101,9 @@ export default {
       preview.className = `editor-preview ${className}`;
       wrapper.appendChild(preview);
     },
+    handleInput(e) {
+      this.$emit('input', e.target.value);
+    },
   },
   destroyed() {
     this.simplemde = null;
@@ -99,6 +112,7 @@ export default {
     value(val) {
       if (val === this.simplemde.value()) return;
       this.simplemde.value(val);
+      this.modelVal = val;
     },
   },
 };
