最近在vue里使用CodeMirror的小坑 格式不对齐 整体左偏

最近有个项目迁移，完整的功能代码很复杂，精简到我负责的项目，只需要部分内容，其中用到了CodeMirror这个编辑器，本来都没问题了结果到了页面上一看：

如图行号与代码重叠

如图所示，代码都往左边偏移了（忽略代码 随意打的）。问负责项目的同事，说没有遇到过这样的问题，好吧 ，那只好我搬迁我处理了。

忙活了将近一个小时，最终解决问题：

methods: {

      refresh() {

          this.editor.refresh()

    }

}

官方给了设定

this.editor = CodeMirror.fromTextArea(this.$refs.textarea, {
     ...
      autoRefresh: true
     ...
})

但是autoRefresh: true有可能会失效
所以在合适的位置调用this.refresh() 手动刷新最稳妥，解决了问题，继续搬砖。