前端开发中遇到各类问题是在所难免的，本篇文章就来介绍在vue开发中关于input上传文件时遇到的问题。

input上传文件问题如下：

    使用input的file上传文件。第一次点击可以正常选择需要上传的文件，但第二次开始进行点击上传时，不能正常唤醒选择文件操作。

通过上述描述可以知道，该问题出现在input已存在数据。需要将input中存在的数据清理后，再次上传时即可生效。

那么在vue中要如何清理input中的数据呢？流程如下：

一、vue页面中html部分

<input ref="fileInput" type="file" @change="uploadVideoToCOS" />

二、vue页面中js部分

export default {
	data() {
		return {
		}
	},
	methods: {
		uploadVideoToCOS(e) {
			this.$refs.fileInput.value = null;
		}
	}
}

如上方法每次进行文件选择前，先将input中的数据清理。这样多次选择都可以正常选择所需要的文件。