有时候遇见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())

kkw凯凯王
42 声望2 粉丝