最近有個項目遷移,完整的功能代碼很復(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ù)搬磚。