vue中使用codemirror的实例详解


Posted in Javascript onNovember 01, 2018

这篇文章在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')

vue中使用codemirror的实例详解

当然组件需要先声明

components:{


codemirror

}

 html代码这样写:

vue中使用codemirror的实例详解

vue中使用codemirror的实例详解

js:

vue中使用codemirror的实例详解

 vue中使用codemirror的实例详解

style:

vue中使用codemirror的实例详解

总结

以上所述是小编给大家介绍的vue中使用codemirror的实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
JavaScript实现拼音排序的方法
Nov 20 Javascript
JQuery工具函数汇总
Jun 15 Javascript
jQuery结合CSS制作动态的下拉菜单
Oct 27 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
Aug 24 Javascript
JS 实现banner图片轮播效果(鼠标事件)
Aug 04 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
信息滚动效果的实例讲解
Sep 18 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
Mar 15 Javascript
Angular CLI 使用教程指南参考小结
Apr 10 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
vue-lazyload使用总结(推荐)
Nov 01 #Javascript
vue 中基于html5 drag drap的拖放效果案例分析
Nov 01 #Javascript
Vue列表渲染的示例代码
Nov 01 #Javascript
socket io与vue-cli的结合使用的示例代码
Nov 01 #Javascript
Vue表单输入绑定的示例代码
Nov 01 #Javascript
浅谈Angular 观察者模式理解
Nov 01 #Javascript
详解vuex状态管理模式
Nov 01 #Javascript
You might like
如何使用PHP往windows中添加用户
2006/12/06 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
javascript 函数使用说明
2010/04/07 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
2014/05/05 Javascript
20条学习javascript的编程规范的建议
2014/11/28 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
2016/06/02 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
React组件之间的通信的实例代码
2017/06/27 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
ionic 3.0+ 项目搭建运行环境的教程
2017/08/09 Javascript
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
2020/11/09 Javascript
TensorFlow实现卷积神经网络
2018/05/24 Python
深入浅析Python传值与传址
2018/07/10 Python
python3 实现验证码图片切割的方法
2018/12/07 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
家庭户外服装:Hawkshead
2017/11/02 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
品恩科技软件测试面试题
2014/10/26 面试题
J2EE中的容器都包括哪些
2013/08/21 面试题
服务标兵事迹材料
2014/05/04 职场文书
起诉意见书范文
2015/05/19 职场文书
pytorch 权重weight 与 梯度grad 可视化操作
2021/06/05 Python
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL