vue
wo_dxj
记录总结一下日常在项目中遇到的坑,方便以后遇到同样问题的同学
展开
-
关于vue中axios防止重复提交的办法
vue+axios是大家常用的一个套路,但是在使用过程中难免会有很多问题,这篇文章只是单纯的从侧面解决重复提交的。网上很多大佬都分享的方法两段代码放在axios的配置文件中,貌似就可以的,但是小编测试还是会有问题,当你的提交数据量过小,还是会多次提交给后台,参数多条数据,为此小编苦恼好久,后面想到一个过渡的办法,也就是在调取接口的时候,增加loading效果(蒙层)load...原创 2018-12-04 20:13:39 · 11107 阅读 · 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 · 10784 阅读 · 1 评论 -
Vue 爬坑二(json数组数据操作,不刷新)
在项目中使用到json数据的次数还是很多的,小编奔到的第一个问题就是,父传子的json数据在子组件操作的时候,会顺带的改变父组件的值,试了好几个办法,最后是使用的JSON.parse(JSON.stringify('传的值')做的处理,后面小编又遇到一个问题,上图中的服务地区对应的是json数组中的 serviceAreaList 字段,这个字段也会有个数组,通过接口赋值,完了赋给sele...原创 2018-12-14 15:05:58 · 2999 阅读 · 0 评论 -
Vue + element upload组件上传图片坑
在使用上传组件的时候,后台是php,也是先上传到华为云,完了返回地址,但是每次调取的时候后台接口报接口上送的数据看着是没有仍和毛病,但是就是上传不成功,完了各种百度各种找问题,后面后台小哥哥说了句我们接受的字段要是upload,说的我是一脸蒙蔽啊,后面又看了下element ui upload组件属性说明看到了name属性(默认的是file)后面加上了这个,接口就好...原创 2019-01-08 09:29:16 · 4663 阅读 · 0 评论 -
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 · 16651 阅读 · 1 评论 -
vue+ element-ui el-table组件自定义合计(summary-method)坑
项目需要用到表格,带有合计功能的,照搬的element-ui的table组件,但是合计就是不出来因为表格是客操作的,所以都是用的自定义内容 自定义的方法也是官方的后面找问题发现,红框圈住的地方一直是undefined,才发应过来,在表格上应该需要写 prop的,完了写了改成这样,每一列需要计算的都加了,就ok了希望对遇到问题的童鞋一个帮助!...原创 2019-01-23 10:31:13 · 33087 阅读 · 16 评论 -
Vuex unknown action type 报错
在项目中使用到vuex,因为都是用的模块开发,目录如下模块代码原来使用代码各种查找问题都不好使,完了再方法之前加上模块名称就ok了原创 2019-02-27 15:28:23 · 51892 阅读 · 2 评论