最近有個(gè)項(xiàng)目遷移蟀悦,完整的功能代碼很復(fù)雜,精簡(jiǎn)到我負(fù)責(zé)的項(xiàng)目氧敢,只需要部分內(nèi)容日戈,其中用到了CodeMirror這個(gè)編輯器,本來都沒問題了結(jié)果到了頁(yè)面上一看:
如圖所示孙乖,代碼都往左邊偏移了(忽略代碼 隨意打的)浙炼。問負(fù)責(zé)項(xiàng)目的同事,說沒有遇到過這樣的問題唯袄,好吧 弯屈,那只好我搬遷我處理了。
忙活了將近一個(gè)小時(shí)恋拷,最終解決問題:
methods: {
refresh() {
this.editor.refresh()
}
}
官方給了設(shè)定
this.editor = CodeMirror.fromTextArea(this.$refs.textarea, {
...
autoRefresh: true
...
})
但是autoRefresh: true有可能會(huì)失效
所以在合適的位置調(diào)用this.refresh() 手動(dòng)刷新最穩(wěn)妥资厉,解決了問題,繼續(xù)搬磚蔬顾。