带有 CodeMirror 的 Quasar 对话框

Question

我在对话框中使用代码镜像，但行号和间距似乎超过了文本的前 5 个字符。

一旦您开始输入数字，就会跳转到它们应该出现的位置，但装订线部分仍然保留并在您输入时与内容重叠

这只发生在对话框上，当我将代码镜像添加到普通页面（对话框外）时，它 100% 有效。

以及发生这种情况的原因。我在选项中添加了“刷新：真”，但仍然没有帮助。

谢谢

Answer 1

到处找，找不到任何答案。

最终使用了这个并且效果很好。

https://github.com/run-ze/vue-ace

Answer 2

以下CSS 修复 Quasar Dialog 上的 CodeMirror

<style >
    .CodeMirror-lines { 
        padding-left: 25px 
    }
</style>