欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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:

總結(jié)

以上所述是小編給大家介紹的vue中使用codemirror的實例詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關文章

  • Vue入門之數(shù)量加減運算操作示例

    Vue入門之數(shù)量加減運算操作示例

    這篇文章主要介紹了Vue入門之數(shù)量加減運算操作,結(jié)合實例形式分析了vue.js基本數(shù)值運算相關操作技巧,需要的朋友可以參考下
    2018-12-12
  • avue-crud多級復雜的動態(tài)表頭的實現(xiàn)示例

    avue-crud多級復雜的動態(tài)表頭的實現(xiàn)示例

    Avue.js?是基于現(xiàn)有的element-ui庫進行的二次封裝,本文主要介紹了avue-crud多級復雜的動態(tài)表頭,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-12-12
  • 解決vue3使用element-ui的具體操作

    解決vue3使用element-ui的具體操作

    elmentui是一款為vue設計的桌面組件庫,下面這篇文章主要給大家介紹了關于解決vue3使用element-ui的具體操作,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-08-08
  • vue面包屑組件的封裝方法

    vue面包屑組件的封裝方法

    這篇文章主要為大家詳細介紹了vue面包屑組件的封裝方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • vue項目首屏加載過慢的一些解決方案

    vue項目首屏加載過慢的一些解決方案

    最近碰到vue項目打包上線后,第一次打開首頁后會出現(xiàn)空白、加載時間過長的情況,下面這篇文章主要給大家介紹了關于vue項目首屏加載過慢的一些解決方案,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-12-12
  • VUE對Storage的過期時間設置,及增刪改查方式

    VUE對Storage的過期時間設置,及增刪改查方式

    這篇文章主要介紹了VUE對Storage的過期時間設置,及增刪改查方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-02-02
  • vue部署后靜態(tài)文件加載404的解決

    vue部署后靜態(tài)文件加載404的解決

    這篇文章主要介紹了vue部署后靜態(tài)文件加載404的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • Vue2?this直接獲取data和methods原理解析

    Vue2?this直接獲取data和methods原理解析

    這篇文章主要為大家介紹了Vue2?this直接獲取data和methods原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-12-12
  • vue+canvas實現(xiàn)拼圖小游戲

    vue+canvas實現(xiàn)拼圖小游戲

    這篇文章主要為大家詳細介紹了vue+canvas實現(xiàn)拼圖小游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • Vue之Watcher源碼解析(1)

    Vue之Watcher源碼解析(1)

    這篇文章主要為大家詳細介紹了Vue源碼之Watcher的基礎知識,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07

最新評論