国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue中使用codemirror的實例詳解

2019-11-19 12:35:52
字體:
來源:轉載
供稿:網友

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 保山市| 家居| 大新县| 通江县| 阿合奇县| 商城县| 徐汇区| 龙川县| 隆化县| 洪泽县| 湖北省| 揭东县| 剑河县| 裕民县| 余江县| 朔州市| 中江县| 手机| 锡林郭勒盟| 宁安市| 乾安县| 海南省| 河北区| 东丰县| 固镇县| 九龙城区| 天柱县| 手游| 中江县| 苍溪县| 内乡县| 修武县| 南岸区| 天峻县| 炎陵县| 星座| 大城县| 治县。| 康定县| 玉林市| 澎湖县|