前端工作中遇到的问题总结（一）

1、编辑界面时，vue的界面的输入框只能显示值，不能修改值
解决：this.$set(this.form,'meetTitleName',res.data.meetTitleName);
2、当需要多选上传文件时，element-ui上传多少个文件就发送多少个请求，这样附带的表单会重复
解决：let formData = new FormDate();
   formData.append("parentId",this.form.parentId);
   axios.post(
       process.env.VUE_APP_BASE_API+'/mco/topics/editTitle',
       formData,
       {headers:{'Content-Type':'multipart/form-data','Authorization':"Bearer"+getToken()}}
   ).then(res=>{})
3、element-ui的表单验证
<el-form :rules="rules" ref="form" :model="form">
   <el-form-item prop="startDept" />
rules:{
   startDept:{
   required:true,
   message:"请填写开始部门名称",
   trigger:"blur"
   }
}
this.$refs.form.validate((valid)=>{
   if(valid){
       //el-form 中要加上 ref="form" ，否则显示form中的validate未定义；
   }
})
4、当前端使用axios发送请求时，是异步的。需要同步时，需要在触发事件的方法前添加async，该方法的第一次请求的方法前加async，方法的第二次请求便可以使用第一次请求的数据了。
5、js的forEach()
   let ids = [];
   this.selectObject.forEach(item=>{
       ids.push(item.id);
   })
   //把后端传递过来的list<String> 变为以","隔开的字符串
   ids = ids.join(',');
6、v-model绑定的值和下拉框绑定的值不一样，需要在data中重新赋值变量
7、get请求：function中的data后台获取不到变量的值，那么用params当做变量的key
8、在数组中循环添加对象；
let historyMeet = [];
this.selectObject.forEach(item=>{
   var obj = {},
   obj.value = item.value;
   obj.label = item.label;
   this.historyMeet.push(obj);
})
9、数组移除：this.meetClass = this.meetClass.splice(0,1);

前端工作中遇到的问题总结（一）相关推荐

整理前端工作中的可复用代码（二）：拓展spark-md5，支持计算网络文件md5
这里是<整理前端开发中的可复用代码>中的第二篇,最初此系列文章的标题不是这个,但觉得标题要准确.明白一些,便做了修改.这里的经验都来自作者的工作实践,入了前端坑的摸爬滚打. 背景在工作中 ...
jsp中 input placeholder_前端工作中的方法总结
/*移动适配*/ <meta name="viewport" content="width=device-width, initial-scale=1,user-s ...
web前端——工作中遇到的问题总结
1.鼠标移动到input标签上面,提示:请输入有效值,两个最接近的有效值分别为x和x. 原因:当input的type属性为number时,输入框中的值为小数,就会出现该问题. 解决办法:<inp ...
CDN在前端开发中的作用
CDN在前端开发的作用 CDN 内容分发网络:content delivery network 概况:设置多个节点服务器,分布在不同区域中,便于用户进行数据传递和访问.当某一个节点出现问题时,通过 ...
前端工作、学习中常用工具推荐
一.学习类网站推荐 1.w3school 在线教程:这也算是一个前端只是比较全的网站了,里面主要是一些web相关的基础知识. 2.慕课网-程序员的梦工厂:这个网站相信很多人都会用到的,一个程序员在线学 ...
前端程序媛浅总结的工作中能用到“软技能”
能提高工作效率的软技能总结作为一个代码开发人员来说,技术能力重要,但是抛开技术层面来说,实际工作中要用到的解决问题等等其他能力同样是非常重要的,它们能提升你的工作效率,为你节省很多时间,少走很多弯路 ...
学习前端如何建立自己的知识体系？工作中如何快速进阶？
「自学」是不可能太「系统」的,因为没有人帮你把每一个阶段的学习内容定义清晰.由于缺乏别人提供的反馈,你没办法知道自己某一阶段的学习是否完成了.千锋广州老师一般的建议方式是,你去实体书店看看相关的书籍, ...
30+ 个工作中常用到的前端小知识
1. JS为什么单线程一个简单的原因就是,js在设计之初只是进行一些简单的表单校验,这完全不需要多线程,单线程完全可以胜任这项工作.即便后来前端发展迅速,承载的能力越来越多,也没有发展到非多线程不可 ...
我在工作中总结的一些前端常用小细节（转载）
1.点击聚焦 onfocus="if (value =='请输入您的电话号码'){value =''}" onblur="if (value ==''){value='请 ...
设计模式在我工作中的巧妙实践
设计模式在我工作中的实践大多数时候我都是写一些业务代码,可能一堆 CRUD 就能解决问题,但是这样的工作对技术人的提升并不多,如何让自己从业务中解脱出来找到写代码的乐趣呢,我做过一些尝试,使用设计模 ...

前端工作中遇到的问题总结（一）

前端工作中遇到的问题总结（一）相关推荐

最新文章

热门文章