国产探花免费观看_亚洲丰满少妇自慰呻吟_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的實例詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 许昌市| 黎川县| 湘潭市| 新竹市| 石景山区| 礼泉县| 清水河县| 黄龙县| 永和县| 桐庐县| 鹤壁市| 桃园市| 海口市| 张家界市| 固原市| 开江县| 古田县| 沛县| 岗巴县| 南平市| 镇宁| 明溪县| 壤塘县| 临西县| 兰溪市| 青阳县| 洪雅县| 胶南市| 铁力市| 县级市| 清镇市| 吴川市| 岱山县| 拉萨市| 崇左市| 文山县| 潜山县| 漯河市| 抚松县| 保靖县| 长岛县|