vue2.x中monacoeditor的使用说明_vue.js

npm install monaco-editor@0.30.1 --save-dev
npm install monaco-editor-webpack-plugin@6.0.0 --save-dev

const MOnacoWebpackPlugin= require('monaco-editor-webpack-plugin')
module.exports = {
  configureWebpack: {
    plugins: [
      new MonacoWebpackPlugin()
    ]
  }
}

             
       
        :key="randomkey"
        language="html"
        theme="vs-dark"
        :code="code"
      >
     

data() {
    return {
      randomkey: 123,
    }
  }
methods: {
    // 每次重新给code赋值时，就重新调用一下下面这个方法
    createRandomkey(){
      this.randomkey = Math.floor(Math.random()*(10,1000000012313))
    },
}

       
       
        :key="randomkey"
        language="html"
        theme="vs-dark"
        :code="code"
        :editorOptiOns="options"
        @mounted="seeOnMounted"
>
// 在data中设置无法生效
options: {
     readOnly: true
},

seeOnMounted(editor) {
      this.seeEditor = editor
      this.seeEditor.updateOptions({
        readOnly: true, //是否只读
      })
    },