使用步驟
- 進入項目目錄，安裝插件依賴
npm install vue-simplemde --save
- 在main.js引入
import VueSimplemde from 'vue-simplemde'
Vue.use(VueSimplemde)
- 編輯vue文件
<template>
<markdown-editor v-model="content" ref="markdownEditor"></markdown-editor>
</template>
<script>
import { markdownEditor } from 'vue-simplemde'
// 基礎用法
export default {
components: {
markdownEditor
},
data () {
return {
content: '',
configs: {
spellChecker: false // 禁用拼寫檢查
}
}
}
}
</script>
4.運行如下
Paste_Image.png
