鍍金池/ 問(wèn)答/Linux  HTML/ vue中的vue2-ace-editor、vue2-brace-editor插件

vue中的vue2-ace-editor、vue2-brace-editor插件包報(bào)錯(cuò)-急求助

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

這插件比較冷門(mén)搜了很多資料都沒(méi)找到原因,研究源碼也沒(méi)研究出來(lái)個(gè)撒。照著他給的文檔寫(xiě)的,還是報(bào)錯(cuò)??戳讼洛e(cuò)誤原因,修改時(shí)候的賦值沒(méi)有到里面去。如果直接created里面去賦值是可以的,但是請(qǐng)求下來(lái)的數(shù)據(jù)再去給他賦值就報(bào)錯(cuò)了,糾結(jié)了兩天了。

包地址,兩中方式,第一種的require那部分沒(méi)怎么明白就用了第二種的方式。
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";

實(shí)現(xiàn)效果:
clipboard.png

報(bào)錯(cuò)信息:

clipboard.png

回答
編輯回答
話寡

你列出來(lái)的是兩個(gè)包,根據(jù)你的描述,你是不是按照第一個(gè)的文檔用的第二個(gè)包?

2017年1月22日 10:01
編輯回答
玄鳥(niǎo)

那你為啥非要用這兩個(gè)包……

2017年7月3日 12:41
編輯回答
雨蝶

問(wèn)題解決了~~好像就像樓上說(shuō)的因?yàn)槲乙肓藘蓚€(gè)包的原因。我把node_modules刪了、packjson里面的關(guān)于這個(gè)包的都刪完,從新弄了一個(gè)包進(jìn)來(lái)就可以了。

2018年4月23日 14:46