摘要:"element ui button组件 radio组件源码分析整理笔记(一)" "element ui switch组件源码分析整理笔记(二)" "element ui inputNumber、Card 、Breadcrumb组件源码分析整理笔记(三)" "element ui Progress、 阅读全文
posted @ 2018-12-20 14:28 kristy1993 阅读 (325) 评论 (0) 编辑
摘要:在项目中经常会需要将一些接口的配合文件或者某些样式文件,分离出来单独打包,便于后期改动,这里我以css文件为例,介绍实现两种方法: 项目目录: 如上图所示,现在我需要将项目中的scBtn.css文件单独打包出来。在不做任何配置,直接打包出来的css文件是压缩合并成了一个了,如下图,当我想要改某一个c 阅读全文
posted @ 2018-10-25 21:06 kristy1993 阅读 (2226) 评论 (1) 编辑
摘要:我使用的element ui的版本是V1.4.13。 如上图所示,如果使用el button,加颜色是可以通过设置type属性的值,加图标就设置icon属性的值。 现在产品给了一个需求,就是自定义的很多种类别,不同的类别的按钮显示不同的颜色和图标。如下图所示: 为了方便开发,目前的解决方案是:添加一 阅读全文
posted @ 2018-10-25 14:14 kristy1993 阅读 (5744) 评论 (0) 编辑
摘要:需要将btn.less文件用webpack打包后,放到项目中。在网上百度了各种,遇到了很多问题,现在我将整个步骤整理如下: 1、建一个空的文件夹,命名为init_webpack,在该文件夹下运行: 这里需要注意,安装的是3.xx版本的webpack,安装4以上版本会跟extract text web 阅读全文
posted @ 2018-10-23 16:37 kristy1993 阅读 (868) 评论 (0) 编辑
摘要:我要实现的功能是在上传文件之前校验是否表格中存在重复的数据,有的话,需要弹窗提示是否覆盖,确认之后继续上传,取消之后,就不再上传。 项目中用的element ui是V1.4.3 代码中我是将before upload方法返回false,然后点击确认之后,调_this.$refs.fileUpload 阅读全文
posted @ 2018-08-24 11:39 kristy1993 阅读 (973) 评论 (0) 编辑
摘要:我使用的是element ui V2.2.3。代码如下,当我选择值得时候,el select选择器无法显示选中的内容,但是能触发change方法,并且能输出选择的值。 select.vue文件 selectdata.json文件 后来去看了Vue文档,发现文档中有说 我只是把下面绿色那句改成上面红色 阅读全文
posted @ 2018-04-23 11:13 kristy1993 阅读 (9618) 评论 (1) 编辑
摘要:我使用的是element ui V1.4.3 如下图是我要实现的效果: 刚开始没写 template scope="scope",然后就不知道el switch中的v model的值该怎么获取,后面加上 template scope="scope", v model="scope.row.menus 阅读全文
posted @ 2018-04-13 13:50 kristy1993 阅读 (6480) 评论 (0) 编辑
摘要:简单写了部分注释,upload dragger.vue(拖拽上传时显示此组件)、upload list.vue(已上传文件列表)源码暂未添加多少注释,等有空再补充,先记下来... index.vue upload.vue pythod import ajax from './ajax'; impor 阅读全文
posted @ 2019-09-02 17:45 kristy1993 阅读 (302) 评论 (2) 编辑
摘要:Rate组件源码比较简单,有添加部分注释 main.vue pythod 阅读全文
posted @ 2019-08-29 14:20 kristy1993 阅读 (194) 评论 (0) 编辑
摘要:这是我自己做的一个左边点击对应的标题,右边显示相应代码的一个功能。代码显示这里用的是vue codemirror插件。 第一种用法: 1、安装:npm install vue codemirror save 2、在main.js中引入 3、在组件中使用 在组件中声明: html代码写法: data中 阅读全文
posted @ 2019-08-27 11:52 kristy1993 阅读 (418) 评论 (1) 编辑
摘要:解决方法一: 1、使用elementUI框架el upload跨域上传时,后端获取不到cookie,后端接口显示未登录,在添加了 with credentials="true"后依然不生效 前端会报上面的错误,解决方式:后端把把 号改成httpServletRequest.getHeader("Or 阅读全文
posted @ 2019-08-27 11:51 kristy1993 阅读 (374) 评论 (2) 编辑
摘要:最近在做一个需求,根据数据动态生成以下类似的流程图,需要可以设置每个节点的颜色,每个节点可添加点击移动等相关的事件 代码中有做很多的注释和说明,相关的文档说明链接: drawFlowChart.js html 参考博文: 阅读全文
posted @ 2019-05-17 16:41 kristy1993 阅读 (411) 评论 (4) 编辑
摘要:MessageBox组件源码,有添加部分注释 main.vue pythod 阅读全文
posted @ 2019-05-05 15:19 kristy1993 阅读 (580) 评论 (0) 编辑
摘要:我用的element ui是V1.4.3. 目前遇到一个问题,在用el select组件的时候,当选项的内容很长的时候,会撑开下拉菜单的宽度,这样影响美观。具体如下图所示: 解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条。 解决时的问题就是,设置了宽度,横向滚动条却不出现 阅读全文
posted @ 2019-04-09 14:37 kristy1993 阅读 (2703) 评论 (0) 编辑
摘要:我用的是element ui v1.4.3 在iframe关闭和切换导航会引起有table的表格错位,解决办法: 主要是调用: vm.$refs.table && vm.$refs.table.doLayout(); 记录下renderCell的用法(与上文问题无关): 阅读全文
posted @ 2019-03-12 11:30 kristy1993 阅读 (773) 评论 (0) 编辑
摘要:我使用的element ui的版本是1.4.13。 如上图所示,使用el select组件,要实现可搜索、可复选、可创建条目时,展示样式是如上图所示,输入框的高度会撑开,影响页面布局,按照产品的需求,要调整为以下样式: 1、复选时,输入框中不以标签的形式展示,而是以字符串的形式展示。 2、超出部分显 阅读全文
posted @ 2019-02-01 16:16 kristy1993 阅读 (1093) 评论 (0) 编辑
摘要:(1)node Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node与javaScript的区别在于,javaScript的顶层对象是window,而node是global 模块:在node中,文件和模块是一一对应的,也就是一个文件就是一个模块;每个模块 阅读全文
posted @ 2019-01-18 09:30 kristy1993 阅读 (255) 评论 (0) 编辑