logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

基于vue2的切片上传,封装element-ui中的el-upload组件

切片上传我们在工作中,经常要实现图片,视频等上传功能,如果上传的文件很小,那么我们可以直接上传;但是,如果文件很大,比如500MB呢,我们还能直接上传吗?那肯定是不行的,加入我们直接上传,就会发现这个上传的接口,响应时间很长,最终无法生效以至于报错。所以,在这里,我们就需要借助切片上传。所谓的切片上传,就是把一个视频剪成几个小视频一个一个上传。比如:一个视频500MB,我们可以按照5MB一个文件流

#vue.js#前端#elementui +1
在vue 3 + vite中,动态导入本地图片,解决require不生效问题

在vue2项目中,我会使用require来实现动态图片的加载,但是,当我把这个代码写入vue3+vite的项目中,结果报错:require is not defined。

文章图片
#vue.js#javascript
vue开发中,数据还没获取,页面已经渲染,导致页面没有数据

在使用vue的时候,经常会遇到这种问题:异步请求,或者是通过组件传值获取数据时,部分页面会在数据获取之前就渲染,导致数据加载不出来。如何解决?使用 v-if根据需求,可以在vue生命周期beforeCreate,created的时候就调用接口获取数据,在成功拿到数据之后的回调函数里面,控制页面显示,可以最大程度上避免页面跳动的问题。由于渲染和请求是异步的,我们可以等到数据请求回来之后,再把页面放出

#vue.js#javascript#前端
css3实现图片一直旋转

css3实现图片一直旋转@TOCcss3实现图片一直旋转代码html:<div v-else class="no-data"><image class="loading-image" src="@/static/loading.png" /><view class="loading-text">数据加载中...</view></div >

#css3#css#前端
vue开发中,数据还没获取,页面已经渲染,导致页面没有数据

在使用vue的时候,经常会遇到这种问题:异步请求,或者是通过组件传值获取数据时,部分页面会在数据获取之前就渲染,导致数据加载不出来。如何解决?使用 v-if根据需求,可以在vue生命周期beforeCreate,created的时候就调用接口获取数据,在成功拿到数据之后的回调函数里面,控制页面显示,可以最大程度上避免页面跳动的问题。由于渲染和请求是异步的,我们可以等到数据请求回来之后,再把页面放出

#vue.js#javascript#前端
到底了