使用步骤
- 进入项目目录，安装插件依赖
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
