当前位置:   article > 正文

vue2-brace-editor代码编辑器添加自定义代码提示(修改源码)

vue2-ace-editor语法错误提示

在node_modules依赖包中,找到vue2-brace-editor源代码

在aceComponent组件的methods添加setCustomPrompts方法

在自己项目的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)

转载于:https://www.cnblogs.com/yzhihao/p/11360546.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/415400
推荐阅读