vue
文章平均质量分 70
vue从入门到放弃
G_D_Q
这个作者很懒,什么都没留下…
展开
-
foreach和map的对比
forEach和map各有优势,熟练掌握才能灵活应用。原创 2022-04-21 10:11:56 · 258 阅读 · 0 评论 -
vue cli可视化面板运行serve报错:Error: Package exports for ‘D:\*******(路径)\node_modules\colorette‘ do not defi
用vue-cli创建了一个新项目,运行serve时报错:Error: Package exports for ‘D:*******(路径)\node_modules\colorette’ do not define a valid ‘.’ target 。前一段时间还能正常创建,今天突然不行了。在网上搜索后发现今年8月份就有这个问题了,但并没有找到直接的解决方案。鉴于之前一直创建都没问题,现在突然不行。看上去很像某个依赖该升级了。首先查看了本机node版本为v-13.1.0,然后升级到当前最新版本v-1原创 2020-10-05 16:16:33 · 2441 阅读 · 2 评论 -
vue中的echarts自适应窗口
vue中的echarts自适应窗口一开始沿用之前element表格高度自适应的思路用:style='chartStyle',发现并不能实现根据浏览器窗口动态调整echarts的大小的功能。在网上查资料发现echarts自带resize()方法,这让问题变得简单多了。1.首先正常写一个echarts容器<div id="lineChart" style='width:100%;height: 75vh'></div>2.定义一个方法resizeHandler() { th原创 2020-05-23 09:55:45 · 395 阅读 · 0 评论 -
vue引入echarts并动态渲染
vue引入echarts并完成动态渲染只需以下几步就可以在vue项目中完成echarts的渲染。1.引入安装echarts运行依赖,并引入项目。import echarts from 'echarts'2.创建一个echarts的盒子容器<div id="lineChart" style='width:100%;height: 75vh'></div>注意长宽的定义,为了后续完成响应式自适应窗口大小(下一篇文章会讲到)。3.准备数据和参数配置项export de原创 2020-05-22 17:58:38 · 3717 阅读 · 1 评论 -
webpack的反向代理配置
vue解决跨域配置webpage的反向代理在新版vue-cli中,没有直接配置webpage的相关文件。需要新建一个vue.config.js,官网信息此文件配置的内容会覆盖掉默认配置。具体如下:.jsmodule.exports={ devServer:{ proxy: { //将来只要是路径以/music开头,就会被代理到target。 //比如...原创 2020-03-07 17:28:35 · 761 阅读 · 0 评论 -
关于proxy的一个奇怪现象
关于proxy的一个奇怪现象其实也不算是proxy的问题,我在上篇文章中提到的getonenet 程序,在新建的测试程序中能正常返回json数据,但是一到了我搭建好的平台上就不行了。虽然请求成功,但是却给我个错误返回值。Object {errno: 5108, error: "invalid parameter: api-key or Authorization should choose ...原创 2020-03-07 22:11:01 · 580 阅读 · 1 评论 -
vue cli开启新项目
Element-ui开启新项目在cmd中输入vue ui进入界面。安装插件vue-cli-plugin-element。把默认导入改为按需导入。运行依赖中安装axios和echarts开发插件中安装less和less loader...原创 2020-03-07 09:30:12 · 123 阅读 · 0 评论 -
vue项目上线后出现404报错
vue项目部署上线后,出现not found 404报错今天遇到一个小问题,本来dist放在根目录下没问题,后来由于需求换了个地方,页面就变成了not found。原因:打包后的dist没有放到服务器的根目录下。解决方案:vue-cli官方文件给出的方法如下默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/。如果应用...原创 2020-04-26 15:48:18 · 2147 阅读 · 0 评论 -
vue项目上线部署出现net::ERR_CONNECTION_TIMED_OUT报错
写给以后的自己,看看现在我的有多菜。原创 2020-04-21 21:48:30 · 10403 阅读 · 9 评论 -
vue过滤器格式化日志
vue过滤器格式化时间有一个写好了的标准格式化方法,可以用过滤器直接调用/** * 对日期进行格式化, * @param date 要格式化的日期 * @param format 进行格式化的模式字符串 * 支持的模式字母有: * y:年, * M:年中的月份(1-12), * d:月份中的天(1-31), * h:小时(0...原创 2020-03-08 22:24:34 · 237 阅读 · 0 评论