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的實例詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

相關文章

  • VUEJS實戰之修復錯誤并且美化時間(2)

    VUEJS實戰之修復錯誤并且美化時間(2)

    這篇文章主要為大家詳細介紹了VUEJS實戰之修復錯誤并且美化時間 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-06-06
  • Vue組件之極簡的地址選擇器的實現

    Vue組件之極簡的地址選擇器的實現

    這篇文章主要介紹了Vue組件之極簡的地址選擇器的實現,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • vue實現登陸登出的實現示例

    vue實現登陸登出的實現示例

    本篇文章主要介紹了vue實現登陸登出的實現示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 在小程序/mpvue中使用flyio發起網絡請求的方法

    在小程序/mpvue中使用flyio發起網絡請求的方法

    這篇文章主要介紹了在小程序/mpvue中使用flyio發起網絡請求的方法,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • vue單頁開發父子組件傳值思路詳解

    vue單頁開發父子組件傳值思路詳解

    這篇文章主要介紹了vue單頁開發父子組件傳值思路詳解,本文是小編抽空整理的思路,感興趣的朋友跟隨腳本之家小編一起學習吧
    2018-05-05
  • vuejs實現遞歸樹型菜單組件

    vuejs實現遞歸樹型菜單組件

    本篇文章主要介紹了vuejs實現遞歸樹型菜單組件,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • Vue項目全局配置頁面緩存之按需讀取緩存的實現詳解

    Vue項目全局配置頁面緩存之按需讀取緩存的實現詳解

    這篇文章主要給大家介紹了關于Vue項目全局配置頁面緩存之實現按需讀取緩存的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起看看吧
    2018-08-08
  • Django與Vue語法的沖突問題完美解決方法

    Django與Vue語法的沖突問題完美解決方法

    這篇文章主要介紹了Django與Vue語法的沖突問題完美解決方法,本文給大家分享了兩種解決方法,需要的朋友參考下吧
    2017-12-12
  • Vue響應式原理深入解析及注意事項

    Vue響應式原理深入解析及注意事項

    Vue 最顯著的一個功能是響應系統 —— 模型只是普通對象,修改它則更新視圖。下面這篇文章主要給大家深入講解了關于Vue的響應式原理,以及Vue響應式的一些注意事項,需要的朋友下面隨著小編來一起學習學習吧。
    2017-12-12
  • vue學習筆記之vue1.0和vue2.0的區別介紹

    vue學習筆記之vue1.0和vue2.0的區別介紹

    今天我們來說一說vue1.0和vue2.0的主要變化有哪些?對vue相關知識感興趣的朋友一起學習吧
    2017-05-05

最新評論

时时彩包赢公式0369