vue中使用codemirror的实例详解

 更新时间:2018年11月01日 16:03:45   作者:遇你温柔如初   我要评论

这篇文章主要介绍了vue中使用codemirror的实例教程,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下

这篇文章在vue里使用codemirror遇到的问题,写的很不错,还有下载的方法,大家可以点击查?#30784;?/p>

以下是自己使用过的,做出来的例子:

做出来的效果图:

记住使用之前要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的实例详解,希望?#28304;?#23478;有所帮助,如果大家有任?#25105;?#38382;请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • vue ?#20197;?#36335;由到头部导航的方法

    vue ?#20197;?#36335;由到头部导航的方法

    本篇文章主要介绍了vue ?#20197;?#36335;由到头部导航的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • VUE 使用中踩过的坑

    VUE 使用中踩过的坑

    本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-02-02
  • vue生成token保存在客户端localStorage中的方法

    vue生成token保存在客户端localStorage中的方法

    本篇文章主要介绍了vue生成token保存在客户端localStorage中的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • ?#31243;竩ue父子组件怎么传值

    ?#31243;竩ue父子组件怎么传值

    这篇文章主要介绍了?#31243;竩ue父子组件怎么传值,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • vue.js仿hover效果的实现方法示例

    vue.js仿hover效果的实现方法示例

    这篇文章主要介绍了vue.js仿hover效果的实现方法,结合实例形式分析了vue.js事件响应及页面元素属性动态操作相关实现?#35760;?需要的朋友可以参考下
    2019-01-01
  • vue router动态路由下让每个子路由都是独立组件的解决方案

    vue router动态路由下让每个子路由都是独立组件的解决方案

    这篇文章主要介绍了vue router动态路由下让每个子路由都是独立组件的解决方案,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-04-04
  • 深入理解Vue router的部分高级用法

    深入理解Vue router的部分高级用法

    这篇文章主要介绍了Vue router的部分高级用法,主要是针对已经有初步了解Vue-router的人,通过本文主要给大家介绍路由元信息,滚动行为以及路由懒加载这几个的使用方法。感兴趣的朋友一起看看吧
    2018-08-08
  • Vue axios设置访问基础路径方法

    Vue axios设置访问基础路径方法

    今天小编就为大家分享一篇Vue axios设置访问基础路径方法,具有很好的参考价值,希望?#28304;?#23478;有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • vue中动态设置meta标签和title标签的方法

    vue中动态设置meta标签和title标签的方法

    这篇文章主要介绍了vue中动态设置meta标签和title标签的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • vue弹?#23433;?#20214;实战代码

    vue弹?#23433;?#20214;实战代码

    这篇文章主要介绍了vue弹?#23433;?#20214;实战代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09

最新评论

时时彩包赢公式0369