在使用Element UI的el-dialog组件时，若弹框内包含Codemirror编辑器，可能会出现遮罩层显示异常的问题。解决办法是在el-dialog上设置`:modal-append-to-body="false"`。此外， Codemirror的智能提示消失同样是因为遮罩，调整后可恢复正常。同时，可通过添加外部div并利用CSS调整CodeMirror编辑器的大小。
最近在使用elui的时候遇到一个问题
就是el-dialog使用的时候因为弹出的弹框里面加了codemirror编辑器
导致el-dialog中原本在弹框后面的遮罩变成在主体前面
类似于图上的情况
查询之后发现是需要写modal-append-to-body属性
发现这样写之后虽然遮罩正常了，但是编辑器的智能提示没有了
以为是编辑器的配置出现问题了，弄了好久
最后发现原来还是遮罩的原因
最后改为
:modal-append-to-body=“false”
就可以了
最后效果
顺便说一下怎么改变这个编辑框的大小
初始默认高度是300px
只需要在这个编辑框外面套一个div
再通过.CodeMirror{}修改宽高
扫一扫
2907
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
