vue中使用codemirror的實(shí)例詳解
這篇文章在vue里使用codemirror遇到的問(wèn)題,寫(xiě)的很不錯(cuò),還有下載的方法,大家可以點(diǎn)擊查看。
以下是自己使用過(guò)的,做出來(lái)的例子:
做出來(lái)的效果圖:
記住使用之前要npm下載哦
npm install vue-codemirror --save
main.js
import { codemirror } from 'vue-codemirror' import 'codemirror/lib/codemirror.css' Vue.use(VueCodemirror)
再到組件中使用
import { codemirror } from 'vue-codemirror' require("codemirror/mode/python/python.js") require('codemirror/addon/fold/foldcode.js') require('codemirror/addon/fold/foldgutter.js') require('codemirror/addon/fold/brace-fold.js') require('codemirror/addon/fold/xml-fold.js') require('codemirror/addon/fold/indent-fold.js') require('codemirror/addon/fold/markdown-fold.js') require('codemirror/addon/fold/comment-fold.js')
當(dāng)然組件需要先聲明
components:{ codemirror }
html代碼這樣寫(xiě):
js:
style:
總結(jié)
以上所述是小編給大家介紹的vue中使用codemirror的實(shí)例詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- vue實(shí)現(xiàn)codemirror代碼編輯器中的SQL代碼格式化功能
- 在vue項(xiàng)目中使用codemirror插件實(shí)現(xiàn)代碼編輯器功能
- 在vue里使用codemirror遇到的問(wèn)題
- vue使用codemirror的兩種用法
- 前端插件庫(kù)之vue3使用vue-codemirror插件的步驟和實(shí)例
- vue?codemirror實(shí)現(xiàn)在線(xiàn)代碼編譯器效果
- CodeMirror實(shí)現(xiàn)代碼對(duì)比功能(插件react vue)
- Vue進(jìn)階之CodeMirror的應(yīng)用小結(jié)
- vue3中如何使用codemirror6增加代碼提示功能
相關(guān)文章
Vue入門(mén)之?dāng)?shù)量加減運(yùn)算操作示例
這篇文章主要介紹了Vue入門(mén)之?dāng)?shù)量加減運(yùn)算操作,結(jié)合實(shí)例形式分析了vue.js基本數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-12-12avue-crud多級(jí)復(fù)雜的動(dòng)態(tài)表頭的實(shí)現(xiàn)示例
Avue.js?是基于現(xiàn)有的element-ui庫(kù)進(jìn)行的二次封裝,本文主要介紹了avue-crud多級(jí)復(fù)雜的動(dòng)態(tài)表頭,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-12-12vue項(xiàng)目首屏加載過(guò)慢的一些解決方案
最近碰到vue項(xiàng)目打包上線(xiàn)后,第一次打開(kāi)首頁(yè)后會(huì)出現(xiàn)空白、加載時(shí)間過(guò)長(zhǎng)的情況,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目首屏加載過(guò)慢的一些解決方案,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12VUE對(duì)Storage的過(guò)期時(shí)間設(shè)置,及增刪改查方式
這篇文章主要介紹了VUE對(duì)Storage的過(guò)期時(shí)間設(shè)置,及增刪改查方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02