这篇文章在vue里使用codemirror遇到的问题,写的很不错,还有下载的方法,大家可以点击查看。
以下是自己使用过的,做出来的例子:
做出来的效果图:
记住使用之前要npm下载哦
npm安装vue-codemirror——保存
main.js
从“vue-codemirror”进口{codemirror}
导入“codemirror/lib/codemirror.css”
Vue.use (VueCodemirror)
再到组件中使用
从“vue-codemirror”进口{codemirror}
要求(“codemirror/模式/python/python.js”)
要求(“codemirror/插件/折叠/foldcode.js”)
要求(“codemirror/插件/折叠/foldgutter.js”)
要求(“codemirror/插件/折叠/brace-fold.js”)
要求(“codemirror/插件/折叠/xml-fold.js”)
要求(“codemirror/插件/折叠/indent-fold.js”)
要求(“codemirror/插件/折叠/markdown-fold.js”)
要求(codemirror/插件/折叠/comment-fold.js)
当然组件需要先声明
组件:{
codemirror
}
, html代码这样写:
js:
, 
风格:
以上所述是小编给大家介绍的vue中使用codemirror的实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
