vue2
丹丹的笑意
这个作者很懒,什么都没留下…
展开
-
vue解决动态加载图片静态资源路径的问题
开发时遇到的问题,在使用v-for循环的时候,明明地址没有问题,但是依旧显示不出来图片。原创 2021-12-23 15:21:52 · 1875 阅读 · 1 评论 -
vue项目中实现倒计时预约功能
最近,公司提出一个新的需求,需求如下:1.实现可预约功能,比如:会议室在8:00开放,但是6:00的时候就可以预约2.要求我做一个按钮,在按钮内显示倒计时等内容3.预约时间需要分成三段: (1) 超出2小时,显示可预约的时间段(显示预约时间) (2)2小时以内的,以倒计时的方式显示(倒计时的方式) (3)预约时间已过的,显示点击预约(...原创 2021-12-20 17:18:33 · 1678 阅读 · 0 评论 -
vue开发中,数据还没获取,页面已经渲染,导致页面没有数据
在使用vue的时候,经常会遇到这种问题:异步请求,或者是通过组件传值获取数据时,部分页面会在数据获取之前就渲染,导致数据加载不出来。如何解决?使用 v-if根据需求,可以在vue生命周期beforeCreate,created的时候就调用接口获取数据,在成功拿到数据之后的回调函数里面,控制页面显示,可以最大程度上避免页面跳动的问题。由于渲染和请求是异步的,我们可以等到数据请求回来之后,再把页面放出来。上代码<h4 v-if="isShow">{{ data }}</h4>原创 2021-12-28 09:58:36 · 22155 阅读 · 1 评论 -
基于vue2的切片上传,封装element-ui中的el-upload组件
切片上传我们在工作中,经常要实现图片,视频等上传功能,如果上传的文件很小,那么我们可以直接上传;但是,如果文件很大,比如500MB呢,我们还能直接上传吗?那肯定是不行的,加入我们直接上传,就会发现这个上传的接口,响应时间很长,最终无法生效以至于报错。所以,在这里,我们就需要借助切片上传。所谓的切片上传,就是把一个视频剪成几个小视频一个一个上传。比如:一个视频500MB,我们可以按照5MB一个文件流的大小,切成100份,异步上传到服务器,然后,后台再根据MD5一一识别,最后,我们再调用合并接口,让他们原创 2022-03-20 22:30:04 · 4282 阅读 · 0 评论 -
基于element-ui的el-upload封装一个上传图片的组件
由于最近都在做一个设备管理的模块,需要我上传设备图片,于是,就动手做了一个上传图片的组件,也不多说,直接上代码<template> <div class="component-upload-image"> <el-upload :action="uploadImgUrl" list-type="picture-card" :on-success="handleUploadSuccess" :before-upload原创 2022-03-24 09:04:24 · 959 阅读 · 1 评论