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 相关文章推荐
基于jquery的滚动条滚动固定div(附演示下载)
Oct 29 Javascript
js 调用父窗口的具体实现代码
Jul 15 Javascript
javascript中offset、client、scroll的属性总结
Aug 13 Javascript
基于BootStarp的Dailog
Apr 28 Javascript
jQuery图片切换动画特效
Nov 02 Javascript
vue实现ToDoList简单实例
Feb 07 Javascript
微信小程序中子页面向父页面传值实例详解
Mar 20 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 Javascript
Vuejs中使用markdown服务器端渲染的示例
Nov 22 Javascript
Node.js API详解之 module模块用法实例分析
May 13 Javascript
vue 子组件和父组件传值的示例
Sep 11 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 Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
PHP四舍五入、取整、round函数使用示例
2015/02/06 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
PHP使用file_get_contents发送http请求功能简单示例
2018/04/29 PHP
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
2013/04/27 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
js中switch case循环实例代码
2013/12/30 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
小程序分页实践之编写可复用分页组件
2019/07/18 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
javascript实现评分功能
2020/06/24 Javascript
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
[01:08]DOTA2“血战之命”预告片
2017/08/12 DOTA
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
使用python获取电脑的磁盘信息方法
2018/11/01 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
python elasticsearch环境搭建详解
2019/09/02 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
python实现图像拼接
2020/03/05 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
不开辟用于交换数据的临时空间,如何完成字符串的逆序
2012/12/02 面试题
三严三实对照检查材料
2014/08/25 职场文书
房产公证委托书范本
2014/09/20 职场文书
护士自荐信范文
2015/03/25 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python
关于windows server 2012 DC 环境 重启后蓝屏代码:0xc00002e2的问题
2022/05/25 Servers