vue中使用codemirror的實例詳解
更新時間：2018年11月01日 16:03:45 作者：遇你溫柔如初
這篇文章主要介紹了vue中使用codemirror的實例教程，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
這篇文章在vue里使用codemirror遇到的問題，寫的很不錯，還有下載的方法，大家可以點擊查看。
以下是自己使用過的，做出來的例子：
做出來的效果圖：
記住使用之前要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')
當然組件需要先聲明
components:{
codemirror
}
html代碼這樣寫：
js:
style:
總結
以上所述是小編給大家介紹的vue中使用codemirror的實例詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
element-ui tooltip修改背景顏色和箭頭顏色的實現
這篇文章主要介紹了element-ui tooltip修改背景顏色和箭頭顏色的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
營運三寶(九宮格、大轉盤、老虎機，當然此三寶當然是最基礎的營銷運營手段)，本片文章聊聊大轉盤，轉盤的實現邏輯應該是營銷方案較為簡單的一種了，本文將介紹如何實現大轉盤抽獎，感興趣的朋友可以參考下2021-05-05
這篇文章主要介紹了淺談Vue 性能優(yōu)化之深挖數組，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
最近看完Vue3和Vite文檔之后,就寫了個小demo,整體感覺下來還是很絲滑的,下面這篇文章主要給大家介紹了關于vite+element-plus項目基礎搭建的全過程,需要的朋友可以參考下2022-07-07
本文主要介紹了Vue虛擬Dom到真實Dom的轉換，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習吧2021-07-07
elementui使用el-upload組件實現自定義上傳的詳細步驟
upload上傳是前端開發(fā)很常用的一個功能,在Vue開發(fā)中常用的Element組件庫也提供了非常好用的upload組件,這篇文章主要給大家介紹了關于elementui使用el-upload組件實現自定義上傳的詳細步驟,需要的朋友可以參考下2023-12-12
這篇文章主要給大家介紹了關于vue導出excel的兩種實現方式,在項目中我們可能會碰到導出Excel文件的需求,文中給出了詳細的代碼示例,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了vite項目如何從0開始配置eslint問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
本文主要介紹了vue/react單頁應用后退不刷新方案，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了Vue2.0實現組件數據的雙向綁定問題，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-03-03