
vue项目功能
文章平均质量分 55
搬砖IT员
这个作者很懒,什么都没留下…
展开
-
el-form表单多重for循环数据结构展示,各自输入框校验生效,循环表单验证
el-form表单循环校验,验证,表单多重循环校验,多重绑定数据项目开发中要实现早、晚班根据各自时段具体去设置可能不同的工作时间,早、晚班展现方式相同,但各自的数据以及每个数据的校验肯定不能相同,所以将表单数据设为早、晚两层对象结构,内部再设多个对象保存各自的time值,for循环表单数据实现效果.原创 2022-03-24 23:46:56 · 2239 阅读 · 0 评论 -
axios拦截器是什么?(请求拦截器、相应拦截器),作用?挂载请求头携带token、权限验证等
axios在每次发送数据请求时,会首先经过请求拦截器,可以在此挂载统一的token等后才会到达服务器,服务器处理完请求要响应给浏览器时,首先经过响应拦截器才会到达,在此通常做一些响应结果的判断。请求拦截器 在请求发送前进行必要操作处理,例如添加统一cookie、请求体加验证、设置请求头等,相当于是对每个接口里相同操作的一个封装;响应拦截器 也是如此功能,只是在请求得到响应之后,对响应体的一些处理,通常是数据统一处理等,也常来判断登录失效等。返回的请求体,携带请求头headers、请求方法、地址路径等。原创 2023-02-11 16:46:08 · 1019 阅读 · 0 评论 -
vue自定义指令---处理加载图片失败时出现的碎图,onerror事件
一、自定义指令 1、局部注册和使用 2、全局注册和使用二、自定义指令处理图片加载失败(碎图)inserted方法 - 指令所在标签, 被插入到网页上触发(一次)update方法 - 指令对应数据/标签更新时, 此方法执行,只要更新就触发 el参数为使用此自定义指令的DOM元素 binding参数用来接收传的值,binging.value就是具体值原创 2023-02-11 15:13:19 · 1292 阅读 · 0 评论 -
移动端下拉加载更多数据onload做法详细解读,网易云音乐案例解读
onload 下拉刷新加载更多数据 (触底后加载下一页数据)(loading,finished,page) 思想:1、监测页面触底执行onload事件 (onload事件:页面内所有元素包括图片等都加载完成后执行) 2、配合后台接口,传递下一页的标识 3、拿到下一页数据后追加到当前数组末尾即可原创 2023-02-11 11:36:45 · 1113 阅读 · 0 评论 -
vue解决跨域问题-反向代理Proxy
不同源下:浏览器向服务器发送请求数据,服务器处理后,发现此浏览器和我并不遵守同源策源,不安全,就不会把处理后的数据响应给浏览器,浏览器无法获取数据。总的思想就是做一个代理服务器,他的基地址路径手动设置为和服务器的路径一致,来作为两者之间的中间人,转交数据。浏览器有同源策略,限制同协议、同域名、同端口,只要有一项不一致,就是跨域。同源下:浏览器向服务器请求数据,服务器响应数据给浏览器。3、真正的服务器将数据响应给代理服务器。4、代理服务器再将得到的数据交给浏览器。2、代理服务器请求真正的服务器。原创 2023-02-09 23:29:41 · 1739 阅读 · 0 评论