使用vue-monaco-editor遇到的坑--
编辑器重复加载上次编辑器中的内容,不会被新的内容替代直接上代码给MonacoEditor加上属性key<MonacoEditorwidth="100%"height="537":key="randomkey"language="html"theme="vs-dark":code="code"></MonacoEditor>每次重新给c
·
编辑器重复加载上次编辑器中的内容,不会被新的内容替代
直接上代码
给MonacoEditor加上属性key
<MonacoEditor
width="100%"
height="537"
:key="randomkey"
language="html"
theme="vs-dark"
:code="code"
>
</MonacoEditor>
每次重新给code赋值时,就重新获取一次随机数赋值给key
data() {
return {
randomkey: 123,
}
}
methods: {
// 每次重新给code赋值时,就重新调用一下下面这个方法
createRandomkey(){
this.randomkey = Math.floor(Math.random()*(10,1000000012313))
},
}
编辑器editorOptions上的配置无法生效
<MonacoEditor
width="100%"
height="537"
:key="randomkey"
language="html"
theme="vs-dark"
:code="code"
:editorOptions="options"
@mounted="seeOnMounted"
>
// 在data中设置无法生效
options: {
readOnly: true
},
可以在@mounted方法中根据editor进行设置
seeOnMounted(editor) {
this.seeEditor = editor
this.seeEditor.updateOptions({
readOnly: true, //是否只读
})
},
更多推荐
已为社区贡献2条内容
所有评论(0)