解决vue中type="file"的 @change只触发一次
在Vue中,当使用input type="file"元素时,@change事件只会触发一次,因为文件选择器只会在文件被选择时触发一次。
如果你想让用户能够选择多个文件,可以添加multiple属性,如下所示:
<input type="file" multiple @change="handleFileChange">
这样,用户就可以选择多个文件并将其全部上传。
另外,如果你想上传单个文件但希望用户可以多次选择文件进行上传,则可以在每次上传完成后清空文件选择器的值,如下所示:
vue或html中
<input type="file" ref="fileInput" @change="handleFileChange">
js或script中
methods: {
handleFileChange() {
// 处理文件上传
this.$refs.fileInput.value = null
}
}