基本需求點是，新增一段執(zhí)行命令的代碼。傳給后臺。然后我拿到數(shù)據(jù)顯示一個列表，列表有修改功能。然后拿到這條數(shù)據(jù)去渲染到vue2-ace-editor 組件中時數(shù)據(jù)進不去，并且報錯。

這插件比較冷門搜了很多資料都沒找到原因，研究源碼也沒研究出來個撒。照著他給的文檔寫的，還是報錯。看了下錯誤原因，修改時候的賦值沒有到里面去。如果直接created里面去賦值是可以的，但是請求下來的數(shù)據(jù)再去給他賦值就報錯了，糾結了兩天了。

包地址，兩中方式，第一種的require那部分沒怎么明白就用了第二種的方式。
https://www.npmjs.com/package...
https://www.npmjs.com/package...

vue部分

   <ace-editor :fontSize="12" :showPrintMargin="true" :showGutter="true" :highlightActiveLine="true" mode="batchfile" theme="monokai" :editorProps="{$blockScrolling: true}" height="160px" width="400px" :value="jenkinsForm.execCommand" style="border-radius: 4px 4px 4px 4px;"  :onInput="changeData"></ace-editor>

引入部分：

import { mapActions } from "vuex";
import brace from "brace";
import { Ace as AceEditor } from "vue2-brace-editor";
import "brace/mode/batchfile";
import "brace/theme/monokai";

實現(xiàn)效果：

報錯信息：