最近在vue里使用CodeMirror的小坑 格式不對齊 整體左偏

最近有個項目遷移,完整的功能代碼很復(fù)雜,精簡到我負責(zé)的項目,只需要部分內(nèi)容,其中用到了CodeMirror這個編輯器,本來都沒問題了結(jié)果到了頁面上一看:

如圖行號與代碼重疊

如圖所示,代碼都往左邊偏移了(忽略代碼 隨意打的)。問負責(zé)項目的同事,說沒有遇到過這樣的問題,好吧 ,那只好我搬遷我處理了。

忙活了將近一個小時,最終解決問題:


methods: {

      refresh() {

          this.editor.refresh()

    }

}

官方給了設(shè)定

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

但是autoRefresh: true有可能會失效
所以在合適的位置調(diào)用this.refresh() 手動刷新最穩(wěn)妥,解決了問題,繼續(xù)搬磚。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容