diff --git a/src/components/core/SimpleMDE/index.vue b/src/components/core/SimpleMDE/index.vue
index b60e0d59..14c7ad34 100644
--- a/src/components/core/SimpleMDE/index.vue
+++ b/src/components/core/SimpleMDE/index.vue
@@ -53,6 +53,9 @@ export default {
         // 挂载元素
         element: this.$refs.mde
       })
+      this.mde.codemirror.on('change', () => {
+        this.$emit('input', this.mde.value())
+      })
     }
   }
 }
diff --git a/src/pages/demo/components/editor/simpleMDE/demo.vue b/src/pages/demo/components/editor/simpleMDE/demo.vue
index 9bc5d2fd..d29211ee 100644
--- a/src/pages/demo/components/editor/simpleMDE/demo.vue
+++ b/src/pages/demo/components/editor/simpleMDE/demo.vue
@@ -6,10 +6,30 @@
         title="基本示例"
         url="https://github.com/sparksuite/simplemde-markdown-editor">
       </PageHeader>
-      <SimpleMDE style="margin-bottom: -16px;"></SimpleMDE>
+      <SimpleMDE
+        v-model="text"
+        class="mde">
+      </SimpleMDE>
     </el-card>
     <el-card>
       <template slot="header">输出</template>
+      <pre>{{text}}</pre>
     </el-card>
   </Container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      text: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.mde {
+  margin-bottom: -16px;
+}
+</style>