下載vue2-brace-editor源代碼,先執行npm install安裝項目依賴
在ace.component.vue組件的methods添加setCustomPrompts方法
修改完源碼后,執行npm run build,生成dist目錄下的vue-ace.min.js壓縮文件
在自己的項目中引入vue-ace.min.js,放在static目錄下(static中的文件,打包時會自動加入最終的打包目錄)
在自己項目的aceEditor組件中,通過handleSetCompleteData調用setCustomPrompts
handleSetCompleteData(data){
this.$refs['MyAceEditor'].setCustomPrompts(data);
},
最后在業務代碼中,傳入需要自定義提示的代碼數據, 通過調用handleSetCompleteData傳入
// let completeData = [
// {meta: '表名', caption: 'table1', value: 'table1', score: 5},
// {meta: '表名', caption: 'table2', value: 'table2', score: 5},
// {meta: '表名', caption: 'table3', value: 'table3', score: 5},
// {meta: '庫名', caption: 'moni_general1', value: 'moni_general1', score: 5},
// {meta: '庫名', caption: 'moni_general2', value: 'moni_general2', score: 5},
// {meta: '庫名', caption: 'moni_genera3', value: 'moni_genera3', score: 5},
// ]
// this.$refs['aceEditor'].handleSetCompleteData(completeData)