摘要: 使用bpmn绘制流程图,下载、保存、前进、后退、预览、添加节点颜色等案例 阅读全文
posted @ 2020-04-08 16:32 Lemoncool 阅读(26888) 评论(14) 推荐(9) 编辑
摘要: 神经质程序员日程吐槽,一边崩溃,一边自愈,愿a56爆大奖在线娱乐们的代码都能0 error(s),0 warning(s) 阅读全文
posted @ 2020-03-31 11:25 Lemoncool 阅读(318) 评论(3) 推荐(0) 编辑
摘要: 问题情况: vue项目中,使用svg图标,为svg图标绑定click事件,部分浏览器中点击没有反应,代码如下: <icon name="icon_add" @click="add(scope.$index)"> </icon> 原因:在edge内核中只有点击svg边缘部分才会触发click事件 解决 阅读全文
posted @ 2019-11-09 10:01 Lemoncool 阅读(7141) 评论(0) 推荐(0) 编辑
摘要: 场景 element ui 表格没有自带的拖拽排序的功能,只能借助第三方插件Sortablejs来实现。 实现步骤 1.安装Sortable.js npm install sortablejs --save 2.在页面中引入: import Sortable from ‘sortablejs’ 注意 阅读全文
posted @ 2019-10-12 13:44 Lemoncool 阅读(15446) 评论(1) 推荐(2) 编辑
摘要: vue中,经常会遇到显示图片的问题, 如果是一个普通组件的话,那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个: 首先,是采用绝对路径引入。如果以后图片移动了位置,需要修改代码。 其次,如果说图片是一个logo 阅读全文
posted @ 2019-08-01 18:53 Lemoncool 阅读(27870) 评论(0) 推荐(0) 编辑
摘要: 项目场景 vue搭建的项目,路由一直用的hash模式,a56爆大奖在线娱乐url中都会带有一个“#”号。 现在想要去掉“#”,于是使用history模式 { mode: 'history' },代码如下: import Vue from 'vue'; import App from './App'; import 阅读全文
posted @ 2019-07-30 18:29 Lemoncool 阅读(8310) 评论(0) 推荐(2) 编辑
摘要: 问题场景1:js文件报404 原因:打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错 解决办法:修改config/index.js文件,将 assetsPublicPath修改为'./' 问题场景2:element-icons.woff 文件 404 1.从下图可以看到,使用url- 阅读全文
posted @ 2019-05-16 16:30 Lemoncool 阅读(14471) 评论(0) 推荐(1) 编辑
摘要: 问题场景 表单中的重置按钮,调用了resetfields() 方法,不生效 问题原因 结合文档对照后,发现是没有为el-form-item设置prop字段 总结 想让resetfields()生效有2个前提: form要设置ref,且ref值要与 this.$refs[formName].reset 阅读全文
posted @ 2019-01-10 17:06 Lemoncool 阅读(11075) 评论(0) 推荐(0) 编辑
摘要: 问题场景 数据计算量过大,接口响应时间过长时,网关会报超时,页面就挂了,没有更好的解决办法,暂时采用了一个临时方案,步骤如下: 1.将原本的一个接口拆分为3个,三个接口异步操作。三个接口作用及描述如下: 接口1:获取本地异步操作的唯一标识-唯一且加密后的code值 请求体:此次查询操作的查询条件 返 阅读全文
posted @ 2019-01-09 13:48 Lemoncool 阅读(45778) 评论(2) 推荐(0) 编辑
摘要: 问题场景 页面刷新后,想恢复刷新之前的某些数据状态,a56爆大奖在线娱乐们总是习惯于将数据放在浏览器的sessionStorage和localStorage中。但是用了vue后,vuex便可以被应用了。 vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到。 阅读全文
posted @ 2018-09-14 11:39 Lemoncool 阅读(29104) 评论(2) 推荐(4) 编辑
摘要: 问题:使用“=”为数组赋值,赋值后打印数据有变化,但是页面不更新 原代码: //data.是修改的数据,children是数组,为表格显示数据 this.data.children = [] 设置后,在下一行打印,数据确实变成空数组了,但是页面还是不动~~~~ 于是,找到了官方文档:链接在此 由于 阅读全文
posted @ 2018-07-31 13:35 Lemoncool 阅读(9874) 评论(0) 推荐(0) 编辑
摘要: 问题场景 重启vue项目的时候,发现报了错, listen EADDRINUSE :::8080错误提示 问题原因 另一个项目占用了8080端口,直接在命令行npm run dev第二个项目,就给出了这个错误信息,猜测可能是端口冲突的问题。 解决步骤:关闭另一个项目,重新启动本项目,还是不行。。 分 阅读全文
posted @ 2018-07-31 11:20 Lemoncool 阅读(1835) 评论(0) 推荐(0) 编辑
摘要: 问题描述 父组件给子组件传值,传数字可以正常收到,传对象{ } 就是收不到~ 现在问题已经解决,但是a56爆大奖在线娱乐不太明白其中的原因,有大神知道原因后,帮忙评论答疑解惑。多谢! 父组件: <template> <recordPage :btnList="btnList"></recordPage></templ 阅读全文
posted @ 2018-07-27 17:54 Lemoncool 阅读(17001) 评论(4) 推荐(1) 编辑
摘要: 问题 最近在项目中新增了一个组件页面,但是在父页面引入时,一直报错 引入方式如下: 报错信息: 对components文件夹的相对路径引用是对的,组件名称也对,经过一番查找,终于找到了原因,特此记录一下: 原因 组件文件夹命名的问题:引用时只写到组件文件夹,会默认去该文件夹下找index,找不到会报 阅读全文
posted @ 2018-07-27 10:00 Lemoncool 阅读(10780) 评论(0) 推荐(0) 编辑
摘要: 问题描述 webstorm和git都安装完成,git命令在git bach中执行正常,但是在webstorm终端控制台中,输入git命令,一直报错:“'git' 不是内部或外部命令,也不是可运行的程序 或批处理文件” 原因 在安装git时勾选时,选择了“使用git自带的命令行工具”,a56爆大奖在线娱乐导致git命 阅读全文
posted @ 2018-07-26 14:06 Lemoncool 阅读(6931) 评论(5) 推荐(0) 编辑
摘要: beforeRouteEnter 项目需要在进入某个页面前,判断从特定页面进来时,做某些处理。例如:只有从详情页回到列表页需要重新调接口。此时,用到了beforeRouteEnter方法。 注意:在在内部获取不到外部的this,方法、变量等都获取不到。但vm可以获取到method中的方法 以及变量, 阅读全文
posted @ 2018-06-29 11:43 Lemoncool 阅读(42133) 评论(0) 推荐(1) 编辑
摘要: 项目情景 多选框,回显用户已选的选项。此时有两个数组,list1为多选选项列表,list2为用户已选择的选项 第一个数组 list1 = [{name:'aa'}, {name:'bb'}, {name:'cc'}]; 第二个数组 list2= ['aa', 'bb']; 目的:筛选已选选项保存,格 阅读全文
posted @ 2018-03-15 09:53 Lemoncool 阅读(5290) 评论(0) 推荐(0) 编辑
摘要: 效果图 下文是部分代码,完整代码参照:https://github.com/lemoncool/canvas-clock,可直接下载。首先看一下效果图:每隔一秒会动态更新时间 一、前期准备 1. HTML中准备一个容器存放画布,并为其设置width,height。 <div> <canvas id= 阅读全文
posted @ 2018-03-08 15:18 Lemoncool 阅读(10807) 评论(2) 推荐(3) 编辑
摘要: 概念介绍 rgba(r,g,b,a) r,g,b分别是颜色r g b的值(0-255),aa56爆大奖在线娱乐透明度(0-1)。 rgba(r,g,b,a) opacity: value; value是具体数值,0-1之间 。0:完全透明, 1:完全不透明 opacity: value; 区别 opacity 子元 阅读全文
posted @ 2018-02-02 14:13 Lemoncool 阅读(1040) 评论(0) 推荐(1) 编辑
摘要: 项目需求 将多个对象的属性进行合并,即最后合并为一个object{.....}传递给后端。 解决办法:Object.assign 方法 Object.assign(form, obj) >Object.assign(目标对象, 被合并的对象) <script> let form = {name: ' 阅读全文
posted @ 2018-01-30 15:19 Lemoncool 阅读(62389) 评论(0) 推荐(1) 编辑