摘要: 使用vue-cli搭建的项目,启动报错 You are using the runtime-only build of Vue where the template compiler is not available. 解决方法 在vue.config.js文件中配置 再次启动就OK了 阅读全文
posted @ 2019-11-05 09:32 潇湘羽西 阅读(12744) 评论(1) 推荐(0) 编辑
摘要: 有时候用element-ui el-cascader级联选择器添加分类时会遇到最多添加几级的限定.看了文档,只要给需要禁止选择的选项添加disabled属性就可以.但是使用一层一层循环遍历数据感觉很麻烦,自己写了个遍历的方法,纪录下,方便以后使用 贴代码 cascader.vue<template> 阅读全文
posted @ 2019-10-26 17:53 潇湘羽西 阅读(23713) 评论(0) 推荐(0) 编辑
摘要: 最近项目中需要在图片预览时,可以旋转图片预览,在网上找了下,发现有一款功能强大的图片组件:viewerjs. git-hup: https://github.com/fengyuanchen/viewerjs 在git上看了下,有很多功能,不过我的项目只需要做个图片旋转功能,引入这个组件感觉大材小用 阅读全文
posted @ 2019-10-13 17:35 潇湘羽西 阅读(10388) 评论(1) 推荐(1) 编辑
摘要: 安装全局包时报错,之前已经遇到过,结果第二次又忘记解决方法,果然还是要记下来,好记性不如烂笔头哇 $ npm i electron -gUnhandled rejection Error: EPERM: operation not permitted, open 'C:\Program Files\ 阅读全文
posted @ 2019-10-06 19:59 潇湘羽西 阅读(5736) 评论(0) 推荐(0) 编辑
摘要: 最近项目需要实现一个需求,用户上传图片时,图片大小超过4M,长宽超过2000,需要压缩到400k,2000宽高.在git上找到一个不错的方法,把实现方法总结一下: 安装image-conversion包 npm i image-conversion --save template <template 阅读全文
posted @ 2019-09-23 16:05 潇湘羽西 阅读(8736) 评论(0) 推荐(0) 编辑
摘要: 需求: 点击复制按钮,复制一个链接 在GitHub上找到一个clipboard组件,功能比较齐全 使用方法: 需求: 点击复制按钮,复制一个链接 在GitHub上找到一个clipboard组件,功能比较齐全 使用方法: 安装 npm i clipboard --save HTML <template 阅读全文
posted @ 2019-09-18 11:37 潇湘羽西 阅读(6259) 评论(0) 推荐(1) 编辑
摘要: 效果图: 我写的是vue的组件形式,方便复用,图片的宽高,缩放的比例可以自己定义 magnifier.vue <template> <div class="magnify"> <!-- 左边产品图片区域 --> <div class="left_contaner"> <div class="midd 阅读全文
posted @ 2019-08-15 18:05 潇湘羽西 阅读(5173) 评论(0) 推荐(0) 编辑
摘要: 进度条效果: 话不多说,上代码 使用css动画实现,看到一篇博客的启发,稍微修改了下, css实现的原理是用两个半圆一开始隐藏,再分别旋转180度,最后成为一个整圆 半圆效果,一开始右边的半圆在盒子左边 加上动画,实现右边进度条效果 代码: <div class="container"> <!-- 阅读全文
posted @ 2019-08-08 17:08 潇湘羽西 阅读(1215) 评论(0) 推荐(0) 编辑
摘要: 在element分页中使用pager-count报错: vue.esm.js?c5de:628 [Vue warn]: Invalid prop: custom validator check failed for prop "pagerCount". found in > <ElPaginatio 阅读全文
posted @ 2019-08-07 17:38 潇湘羽西 阅读(28348) 评论(1) 推荐(8) 编辑
摘要: 运行项目时报错: 'webpack' 不是内部或外部命令,也不是可运行的程序 或批处理文 因为当时报错到时候没截图,我这里就不放图片了 报这个错时因为没有全局安装webpack, 解决方法: 1.确保nodeJS已安装 2. 找到nodejs目录,我的目录是图片上这个,你的可能不一样,看下有没有以下 阅读全文
posted @ 2019-08-04 19:55 潇湘羽西 阅读(32232) 评论(3) 推荐(4) 编辑