Vue使用 Element 组件实现文件一次性批量上传,意外的惊喜

26 阅读2分钟

最后

编程基础的初级开发者,计算机科学专业的学生,以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念,以优化代码,提高编程技能。这份笔记都是可以作为参考的。

名不虚传!字节技术官甩出的"保姆级"数据结构与算法笔记太香了

开源分享:docs.qq.com/doc/DSmRnRG…

HTML

模板文件选择,已选择{{fileList.length}}个

<el-button style="margin-left: 15px;" size="small" type="success" @click="submitUpload" :disabled="fileList.length<=0" icon="el-icon-upload" plain>将选择文件上传服务器

JavaScript

export default {

data() {

return {

fileList: [], // 上传文件列表

uploading: false, // 是否正在上传文件

}

},

methods: {

// 选择文件改变

handleChange(files, fileList) {

this.fileList = fileList

},

// 移除文件

handleRemove(file, fileList) {

this.fileList = fileList

},

// 上传文件

submitUpload() {

console.log('---> ', this.fileList)

this.uploading = true

setTimeout(() => {

this.uploading = false

this.fileList = []

this.$message({

message: '文件上传成功!',

type: 'success'

});

}, 5000)

},

}

}

CSS

总结

三套“算法宝典”

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

28天读完349页,这份阿里面试通关手册,助我闯进字节跳动

算法刷题LeetCode中文版(为例)

人与人存在很大的不同,我们都拥有各自的目标,在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人,但是我深刻知道自己想要的是一年比一年有进步。

最后,我想说的是,无论你现在什么年龄,位于什么城市,拥有什么背景或学历,跟你比较的人永远都是你自己,所以明年的你看看与今年的你是否有差距,不想做咸鱼的人,只能用尽全力去跳跃。祝愿,明年的你会更好!

由于篇幅有限,下篇的面试技术攻克篇只能够展示出部分的面试题,详细完整版以及答案解析,有需要的可以关注