2019-12-31

总结3——前端本地上传文件进度条显示,使用vuex在不同组件均可以显示

本地文件上传自己主要是使用了vue+axios来完成,网上有很多方法,大同小异,借鉴了已经封装好的直接使用就行,我现在主要是想总结如何在不同的组件显示文件的上传进度,主要使用vuex,走过的坑不想再走一遍。

首先是点击事件@change=handleLocalFile,里面第一个dispatch是上传文件的(这个简单无需过度关注),第二个是上传进度的

接下来是在vuex中的方法,网上很多,直接拿来用就行了,也可以自己封装一个,需要注意参数的传递,传递两个参数的时候要用{}



最后,需要注意的是这个进度显示,主要是修改样式的宽度,大家别忘记了在vuex中的state中定义uploadStyle和uoloadRate,如果想要在其他组件中使用,直接在该使用组件中的computed中传递就行啦!


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容