
开发
wo_dxj
记录总结一下日常在项目中遇到的坑,方便以后遇到同样问题的同学
展开
-
取消掉未完成的ajax请求
项目中会碰到需要去掉一下没必要的请求,比如页面在关闭的时候,关掉未完成的ajax请求,这样就可以减少内存占用,如果不取消,多次点击的话 有可能就会造成页面卡死的问题。 解决方案:AbortController,链接已付,需要链接更加详细的可以点开链接看。 解决步骤:在api请求的时候 let abortController = newAbortController() 在接口传递的参数中增加 signal =abortController.s...原创 2020-09-04 17:54:42 · 691 阅读 · 0 评论 -
微信小程序之(web-view)踩坑记录
公司新作项目需要在之前的小程序里面加一个模块,上面要求用小程序嵌套h5的方式去搞,在使用web-view的时候,嵌入页面貌似没有任何问题,传递数据到h5也貌似没有问题,看着很完美,可是在使用的时候坑一个接一个的。坑一:头部返回按钮的不显示坑二:页面不会保留坑三:Android上传页面回退首页。。。小小一个功能坑实在是太多了,上微信公众平台看了下大家遇到过类似的问题,但是官方比你高没...原创 2019-08-30 09:40:04 · 3848 阅读 · 0 评论 -
antd upload上传组件获取服务端返回数据
项目中使用到antd upload组件上传的问题,按照官网示例,获取不到返回的值,后面上去GitHub找了找解决办法,在upload返回值中,文件会有一个状态:status为done或者error的时候会返回一个response字段,这个字段里面会包含接口返回的数据,因此只需要坐下过滤就可以拿到值了,小编是这样做的:上面的判断可以过滤掉,哪个是判断多张上传出错的时候 给一个提示,因为antd...原创 2019-06-18 10:49:02 · 19078 阅读 · 2 评论 -
iframe 通信(postMessage)
最近小编的公司在开发ERP系统,为了节约时间,有几个系统需要内嵌(iframe),但是有个需求,在一个内嵌项目中,需要重新打开另一个项目,每一个项目都是内嵌的iframe,因此让小编愁了好一会,后面选择了postMessage方式来实现的通信。postMessage Api,有兴趣可以自行查看。实现过程就是 1:在内嵌项目中使用top.postMessage('传...原创 2019-05-11 11:03:11 · 23541 阅读 · 0 评论 -
Vuex unknown action type 报错
在项目中使用到vuex,因为都是用的模块开发,目录如下模块代码原来使用代码各种查找问题都不好使,完了再方法之前加上模块名称就ok了原创 2019-02-27 15:28:23 · 51939 阅读 · 2 评论 -
vue+ element-ui el-table组件自定义合计(summary-method)坑
项目需要用到表格,带有合计功能的,照搬的element-ui的table组件,但是合计就是不出来因为表格是客操作的,所以都是用的自定义内容 自定义的方法也是官方的后面找问题发现,红框圈住的地方一直是undefined,才发应过来,在表格上应该需要写 prop的,完了写了改成这样,每一列需要计算的都加了,就ok了希望对遇到问题的童鞋一个帮助!...原创 2019-01-23 10:31:13 · 33146 阅读 · 16 评论 -
element-ui el-dialog嵌套table组件,ref问题
项目中有个需求弹窗显示的时候,返现数据需要选中,看了elementui table组件中的方法传入需要需要选中的行和是否选中的状态,调用的时候肯定是需要增加ref的,this.$refs.moviesTable.toggleRowSelection(this.$refs.moviesTable.data[想要选中行的下标],true)但是在弹窗显示的时候这样用,会报错,(this...原创 2019-01-09 16:57:46 · 16691 阅读 · 1 评论 -
Vue + element upload组件上传图片坑
在使用上传组件的时候,后台是php,也是先上传到华为云,完了返回地址,但是每次调取的时候后台接口报接口上送的数据看着是没有仍和毛病,但是就是上传不成功,完了各种百度各种找问题,后面后台小哥哥说了句我们接受的字段要是upload,说的我是一脸蒙蔽啊,后面又看了下element ui upload组件属性说明看到了name属性(默认的是file)后面加上了这个,接口就好...原创 2019-01-08 09:29:16 · 4672 阅读 · 0 评论 -
Vue 爬坑二(json数组数据操作,不刷新)
在项目中使用到json数据的次数还是很多的,小编奔到的第一个问题就是,父传子的json数据在子组件操作的时候,会顺带的改变父组件的值,试了好几个办法,最后是使用的JSON.parse(JSON.stringify('传的值')做的处理,后面小编又遇到一个问题,上图中的服务地区对应的是json数组中的 serviceAreaList 字段,这个字段也会有个数组,通过接口赋值,完了赋给sele...原创 2018-12-14 15:05:58 · 3023 阅读 · 0 评论 -
基于element-ui Notification 组件的消息提示
新公司项目有个消息提示的需要,老系统是基于window的 Notification属性做的,具体做法let data = datas || [] //封装的方法,传递的数据if(window.Notification){ for(let i=0; i< data.length; i++) { let popNotice = function() { if ...原创 2018-12-14 14:37:08 · 10835 阅读 · 1 评论 -
ES6学习笔记二
在以前的代码中,每个变量的赋值只能通过var定义,完了之后给赋值,如果要声明多个的话,都需要我们去var,然后赋值,这样就会显得代码非常冗余,因此ES6中提出结构赋值,下面主要记录的就是这块的问题。先看段代码:在ES5中,如果需要多个变量,我们通常会 或者:这样的代码看着很冗余,但是在ES6中我们就不需要这样去写了,最简单的例子,我们可以用数组结构赋值简单的一行代码就把我们需要写好多的代码给...原创 2018-07-07 15:18:08 · 172 阅读 · 0 评论 -
input type=file 上传图片获取图片宽高、大小
在项目中常用的上传图片的方式就是用input type=file,来实现的,但是有的时候我们需要限制上传图片的大小,下面进入代码阶段:上图的len是上传图片的个数,这个可以用来判断你上传图片的个数第一个红框是我们上传文件做的类型校验,第二个红框是我们做的大小校验,但是我们获取files.size是字节数,所以我们比对之前要把单位统一,我这是kb说以乘1024;中间灰色注释的地方就是我们用来校验图...原创 2018-07-02 16:07:08 · 14803 阅读 · 3 评论