Lemoncool

摘要： 使用bpmn绘制流程图，下载、保存、前进、后退、预览、添加节点颜色等案例 阅读全文

摘要： 神经质程序员日程吐槽，一边崩溃，一边自愈，愿我们的代码都能0 error(s),0 warning(s) 阅读全文

摘要： 问题情况： vue项目中，使用svg图标，为svg图标绑定click事件，部分浏览器中点击没有反应，代码如下： <icon name="icon_add" @click="add(scope.$index)"> </icon> 原因：在edge内核中只有点击svg边缘部分才会触发click事件 解决 阅读全文

摘要： 场景 element ui 表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。 实现步骤 1.安装Sortable.js npm install sortablejs --save 2.在页面中引入： import Sortable from ‘sortablejs’ 注意 阅读全文

摘要： vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo 阅读全文

摘要： 项目场景 vue搭建的项目，路由一直用的hash模式，所以url中都会带有一个“#”号。 现在想要去掉“#”，于是使用history模式 { mode: 'history' }，代码如下： import Vue from 'vue'; import App from './App'; import 阅读全文

摘要： 问题场景1：js文件报404 原因：打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错 解决办法：修改config/index.js文件，将 assetsPublicPath修改为'./' 问题场景2：element-icons.woff 文件 404 1.从下图可以看到，使用url- 阅读全文

摘要： 问题场景 表单中的重置按钮，调用了resetfields() 方法，不生效 问题原因 结合文档对照后，发现是没有为el-form-item设置prop字段 总结 想让resetfields()生效有2个前提： form要设置ref，且ref值要与 this.$refs[formName].reset 阅读全文

摘要： 问题场景 数据计算量过大，接口响应时间过长时，网关会报超时，页面就挂了，没有更好的解决办法，暂时采用了一个临时方案，步骤如下： 1.将原本的一个接口拆分为3个，三个接口异步操作。三个接口作用及描述如下： 接口1：获取本地异步操作的唯一标识-唯一且加密后的code值 请求体：此次查询操作的查询条件 返 阅读全文

摘要： 问题场景 页面刷新后，想恢复刷新之前的某些数据状态，我们总是习惯于将数据放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。 vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。 阅读全文

摘要： 问题：使用“=”为数组赋值，赋值后打印数据有变化，但是页面不更新 原代码： //data.是修改的数据，children是数组，为表格显示数据 this.data.children = [] 设置后，在下一行打印，数据确实变成空数组了，但是页面还是不动~~~~ 于是，找到了官方文档：链接在此 由于 阅读全文

摘要： 问题场景 重启vue项目的时候，发现报了错， listen EADDRINUSE :::8080错误提示 问题原因 另一个项目占用了8080端口，直接在命令行npm run dev第二个项目，就给出了这个错误信息，猜测可能是端口冲突的问题。 解决步骤：关闭另一个项目，重新启动本项目，还是不行。。 分 阅读全文

摘要： 问题描述 父组件给子组件传值，传数字可以正常收到，传对象{ } 就是收不到~ 现在问题已经解决，但是我不太明白其中的原因，有大神知道原因后，帮忙评论答疑解惑。多谢！ 父组件： <template> <recordPage :btnList="btnList"></recordPage></templ 阅读全文

摘要： 问题 最近在项目中新增了一个组件页面，但是在父页面引入时，一直报错 引入方式如下： 报错信息： 对components文件夹的相对路径引用是对的，组件名称也对，经过一番查找，终于找到了原因，特此记录一下： 原因 组件文件夹命名的问题：引用时只写到组件文件夹，会默认去该文件夹下找index，找不到会报 阅读全文

摘要： 问题描述 webstorm和git都安装完成，git命令在git bach中执行正常，但是在webstorm终端控制台中，输入git命令，一直报错：“'git' 不是内部或外部命令，也不是可运行的程序 或批处理文件” 原因 在安装git时勾选时，选择了“使用git自带的命令行工具”，所以导致git命 阅读全文

摘要： beforeRouteEnter 项目需要在进入某个页面前，判断从特定页面进来时，做某些处理。例如：只有从详情页回到列表页需要重新调接口。此时，用到了beforeRouteEnter方法。 注意：在在内部获取不到外部的this，方法、变量等都获取不到。但vm可以获取到method中的方法 以及变量， 阅读全文

摘要： 项目情景 多选框，回显用户已选的选项。此时有两个数组，list1为多选选项列表，list2为用户已选择的选项 第一个数组 list1 = [{name:'aa'}, {name:'bb'}, {name:'cc'}]; 第二个数组 list2= ['aa', 'bb']; 目的：筛选已选选项保存，格 阅读全文

摘要： 效果图 下文是部分代码，完整代码参照：https://github.com/lemoncool/canvas-clock，可直接下载。首先看一下效果图：每隔一秒会动态更新时间 一、前期准备 1. HTML中准备一个容器存放画布，并为其设置width，height。 <div> <canvas id= 阅读全文

摘要： 概念介绍 rgba(r,g,b,a) r,g,b分别是颜色r g b的值（0-255），a表示透明度（0-1）。 rgba(r,g,b,a) opacity: value; value是具体数值，0-1之间 。0：完全透明， 1：完全不透明 opacity: value； 区别 opacity 子元 阅读全文

摘要： 项目需求 将多个对象的属性进行合并，即最后合并为一个object{.....}传递给后端。 解决办法：Object.assign 方法 Object.assign(form, obj) >Object.assign(目标对象, 被合并的对象) <script> let form = {name: ' 阅读全文