![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实习总结
张刻骨
未曾见过网洋大海,怎能止步于江河湖泊?
展开
-
实习总结第六谈-------vue中父子组件之间相互传值的方法
依旧在我当前负责的项目中举例:父组件向子组件传递参数 1. 父组件调用...原创 2018-12-27 09:24:20 · 194 阅读 · 0 评论 -
实习总结第15谈----------上传文件之elementUI中的upload与后台传数据注意点
上传文件在实际开发中是很常见的需求,我的项目是用的element中的upload,与后台传数据不再是axios方式,而是直接用action填写了文件上传地址;1.效果图:导入文件效果图2.HTML结构代码:upload组件写法3.上传文件需要的函数方法:上传文件用到的基本函数4.注意:upload 的上传文件时显示fileList的位置我的样式需求不同组件的原有样...原创 2019-03-26 14:40:31 · 1272 阅读 · 3 评论 -
实习总结第14谈-----------------------vue项目中单个下载文件和批量下载文件以及固定类型文件和不固定类型文件的下载方法小结
在功能性网站的开发工作中经常会用到单个下载文件和批量下载文件的需求,有些文件类型不固定,比如我当前项目中的下载简历文件的格式就不固定,有xls、doc、pdf、txt甚至还有图片格式的简历,此时需要后台处理文件名和文件类型返回给前端,代码如下:1.单个简历下载单个简历预览下载效果图2.批量简历下载:批量下载简历代码函数批量简历下载效果图二.当要下载的文件类型统一...原创 2019-03-25 13:29:47 · 439 阅读 · 0 评论 -
实习总结第13谈-----------select下拉框选项决定textarea文本域是否必填校验
该需求的接收是,一个弹框子页面,上面是一个select下拉框,该下拉框是必填项,下面是一个文本域,文本域不是必填项,当下拉框的选项是‘其它’这个选项时,文本域变成必填项进行必填校验;我的方法是通过一个select下拉框的change回调函数来控制文本域的校验规则中的必填属性,具体代码和步骤如下:1.select下拉框和文本域代码结构2.change回调函数实现select下拉框...原创 2019-03-20 14:50:41 · 1164 阅读 · 0 评论 -
实习总结第12谈-------关于element中的时间框限制开始结束时间的方法和表单校验的方法及注意事项
这次写几个比较碎的element中的组件方法和注意细节的总结,也是我在负责的就业系统中遇到的问题一步步研究解决的,做个记录分享给大家,希望有用,如有不妥还请指教;表单中像公司简介等文本域输入值,当后台限长时,例如公司地址文本域后台回应限长最大值500,则前端应限长500的一半即maxlength=‘250’; maxlength属性 文本域maxlength限长...原创 2019-03-11 17:21:02 · 610 阅读 · 6 评论 -
实习总结第11谈-------说说我在实习工作中负责的项目里遇到的宝贵小问题做个记录
实习总结碎碎碎念与后台传参部分,需要检查接口有没有多复制空格,传参时,只要控制台的参数没有显示出传过去的参数字段,都是前端问题,有时候是表单对应字段不对或者没有初始化该参数,有时候是字段名大小写错误; 查找页面悬浮样式时的方法如图; 布局时一定要注意响应式布局,栅格布局是很好的响应式布局方式。 代码规范:代码结构一定要清晰,从上到下,temp...原创 2019-03-11 16:00:30 · 562 阅读 · 0 评论 -
实习总结第十谈--------------vue中的echarts漏斗图自适应屏幕的方法解说
在公司的上一个项目中我有负责做一个主页的页面,其中遇到一个漏斗图不自适应屏幕大小的问题,查了文档上的onresize()方法但在vue中并没有生效,这使我研究了好一会才找到问题所在并得以解决,考虑到上一个系统也是公司内部使用的,还没上线,保密协议啥的毕竟签了,也不知道我直接把项目的代码和页面拉出来行不行,所以我单拉出漏斗图来发博客啦!1.先看效果吧:2.然后上屏幕自适应的函数代码和解说:...原创 2019-01-08 08:49:22 · 1975 阅读 · 0 评论 -
实习总结第九谈------------------怎样同时选中多个id传给后台
在项目中拉取数据实现删除功能时总是会遇到需要同时传很多条数据的各自id号给后台,这时候要以数组形式传参给后台实现同时操作多个数据的功能;1.我的是在表格中勾选多条数据然后点击删除按钮:首先要把可多选表格的勾选项回调函数中的勾选值打印出来以找到对应的数据id的字段:(此处的staffList数组是在data全局中定义的空数组,然后才能在回调函数中把存进来的id带到全局中传给后台)2.把存...原创 2019-01-07 17:30:39 · 885 阅读 · 2 评论 -
实习总结第八谈-----------element-UI中的message信息提示的使用
这回抽空写一个小小的信息提示的用法,我很稀饭的小东西呦!(很简单的一种)当前业务中需要用到提示信息,用alert弹出被认为是显然不太可爱的,于是乎要求换种形式的;于是我想到了element中的message消息提示框,用法如下:在拉取数据后使用message提示框: ...原创 2019-01-07 16:54:18 · 1973 阅读 · 7 评论 -
实习总结第七谈-----------vue中element-ui的表格行高怎么控制
依旧在我负责的当前项目中举例子:我的表格要求是一页只显示10条数据,且纵向不能产生滚动条,这样就意味着不能设置表格的整体高度来控制,那样会会产生滚动条,要么在表格纵向产生滚动条,要么在屏幕纵向产生滚动条,这时候我就想到了控制表格每一行的高度降低,就不会 十条数据就产生滚动条了,方法如下:一:定义一个table表格的style 的回调方法,如图该方法是element插件中的文档有的固定方...原创 2019-01-03 17:22:09 · 1930 阅读 · 0 评论 -
开启我的实习总结之旅--------vue导出excel表格的步骤
大三结束时期,即将步入大四的我终于在2018年7月5号光荣的被录入东软,作为前端开发工程师开启了我的工作生涯,到今天2018年12月19号,已经几个月了,这段时间我把自己工作中遇到的问题和解决方法都零零碎碎的记在本子上了.现在,当前项目我负责的部分已经有了眉目,是时候该把内阁应该叫做技术博客的东西搞一搞了。第一个总结:vue导出文件为excel表格的步骤在有表格需要被导出的vue组件页...原创 2018-12-19 14:21:15 · 360 阅读 · 0 评论 -
实习总结第二谈------vue中父子组件拆离
我当前写的这个项目关于父子组件拆离的需求是,在父组件即主页面上的按钮会触发新dialog弹框页面,即子页面,我需要将dialog弹框子页面单独写一个子组件里,以便维护和代码重用;步骤如下:新建一个vue子组件,将dialog弹框中需要写的内容用代码完成;并将该子组件引入到父组件中,在父组件中引入子组件在父组件的script中注册子组件;在父组件中注册子组件在父组件template中使用子...原创 2018-12-20 09:10:07 · 252 阅读 · 1 评论 -
实习总结第三谈-------时间选择器插件传参格式与后台不符的解决方法
我正在写的当前项目中涉及到了element中的DataPicker日期选择器,在传参的时候时间格式与后台格式有差异,插件中没有提供毫秒,value-format只能写到yyyy-MM-dd HH:mm:ss,但后台的格式必须有毫秒,故此借用了中间变量在初始化函数中把绑定的起止时间进行了格式化:1.DataPicker日期选择器的代码:两种写法第一种起止时间分开: <el-form...原创 2018-12-26 11:30:40 · 522 阅读 · 0 评论 -
实习总结第四谈--------关于vue中定义接口、axios请求后台接口数据和传参与字段问题小结
我当前写的项目用到了下拉框并从后台获取数据;模糊查询筛选条件中需要与后台对字段 标签名字段和value值字段从后台对完的字段 在data中定义循环用到的下拉框数组 ...原创 2018-12-26 14:43:55 · 1690 阅读 · 9 评论 -
实习总结第五谈---------element中的table表格显示时间格式问题
后台直接传回的额时间数据显示在表格中是这样的:后台返回的时间是这样子的,不方便用户看2.我用时间戳函数转换了一下时间格式3.用到了JavaScript 日期处理类库第一步安装该插件:npm install moment 第二步在main.js文件中引入并定义好该插件 ...原创 2018-12-26 15:37:53 · 1326 阅读 · 2 评论 -
实习总结第16谈-----------upload上传文件报错之Uncaught TypeError: Cannot set property 'status' of undefined
再上传文件需求的实现过程中,我触发了一个很微小但很恐怖的bug,查找很久后,发现问题所在,并解决了,如下:1.点击上传到服务器出现错误:效果如图:上传到服务器时出现找不到element的内部属性status报错信息我很清晰的确定这个属性我在代码中没有用到更没有定义过,所以推测是组件的默认属性,在控制台报错文件里找到了这个内部属性,并打断点后经过多番尝试,发现当用组件API中的自动上传...原创 2019-04-11 09:15:18 · 3573 阅读 · 8 评论