vue.js - 带有 CodeMirror 的 Quasar 对话框

Question

我有代码镜像在对话框中工作，但行号和装订线间距似乎超过了文本的前 5 个字符。

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

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

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

谢谢

标签： vue.jscodemirrorquasar

Answer 1

以下 CSS 修复了 Quasar Dialog 上的 CodeMirror

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