有时候遇见codeMirror插件需要点一下才可以渲染成功.
<template>
<div class="json-editor">
<textarea ref="textarea" />
</div>
</template>
/**
导入对应的包
import .....
// 刷新的插件包
import 'codeMirror/addon/display/autorefresh' // 重点
**/
// 创建
this.jsonEditor = CodeMirror.fromTextArea(this.$refs.textarea, {
lineNumbers: true,
autoRefresh: true, // 重点
mode: 'application/json',
gutters: ['CodeMirror-lint-markers'],
theme: 'rubyblue',
lint: true,
readOnly: true // 只读
})
// 销毁
this.jsonEditor.getWarpperElement().parentNode.removeChild(this.jsonEditor.getWarpperElement())
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。