前端
轩冰
蒟蒻Acmer(已退役)
展开
-
el-image 组件 使用相对路径会加载失败的问题
前言今天在使用ElementUI中的 el-image 组件时,为了方便起见,src 使用了相对路径,但是一直显示加载失败。如下图所示:问题分析查询了相关博客才发现,Vue官方提供的图片控件 el-image ,在加载相对路径时会出现加载失败现象。解决方法方法一:使用绝对路径<el-image :src="'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'"> <原创 2021-03-02 11:13:46 · 3636 阅读 · 2 评论 -
运行vue项目报错 no such file or directory, open ***\package.json
前言今天使用 npm run dev 命令运行Vue项目时,报错no such file or directory, open ***\package.json‘,明明项目中有package.json这个文件,但是运行时却说没有。问题分析一般这种情况是运行项目(npm run serve/dev)的目录不对,执行npm run serve 必须在项目的根目录下执行,不能在跟目录的父目录或者子目录下执行。解决办法进入到项目根目录下再次执行命令即可...原创 2021-02-03 20:18:49 · 22230 阅读 · 2 评论 -
开源可视化库 —— ECharts
介绍 今天做项目时需要实现数据可视化功能,了解一番后选择使用ECharts,今天特此整理一下,作为笔记,同时希望帮助更多人。 首先简单介绍一下,ECharts是一个纯JavaScript图表库,底层依赖于轻量级的Canvas类库ZRender,基于BSD开源协议,是一款非常优秀的可视化前端框架。官网地址:https://echarts.apache.org/zh/index.html官方文档:https://echarts.apache.org/zh/tutorial.html#5%20%E5%8原创 2021-01-18 11:00:56 · 7636 阅读 · 16 评论 -
轻量级 web 富文本编辑器 wangEditor 的使用
介绍wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。官网:www.wangEditor.com文档:doc.wangEditor.com源码:github.com/wangeditor-team/wangEditor踩坑1、调用Editor提供的方法时,浏览器报错The given range isn’t in document.原因:这是因为在使用编辑器是时候,装他的body没有加载完成。即editor这个节点尚未渲染,就会报range错误。解决方法原创 2021-01-15 17:43:06 · 1254 阅读 · 4 评论