我正在使用Vuetify来创建包含上载文件功能的表单。我确保包含“多个”道具,以允许用户上传多个文件。但是,每当我尝试上传另一个文件时,它只会擦除已经上传的文件,我该如何制作它以便将其添加到文件数组中:
data: () => ({
files: []
}),
这是文件上传的代码:
<v-flex>
<v-file-input
v-model="files"
color="deep-purple accent-4"
counter
label="File input"
multiple="true"
placeholder="Select file(s)"
prepend-icon="mdi-camera"
outlined
>
<template v-slot:selection="{ index, text }">
<v-chip
color="deep-purple accent-4"
dark
label
small
>
{{ text }}
</v-chip>
</template>
</v-file-input>
</v-flex>
当出现文件资源管理器的对话框窗口时,按ctrl
键并选择多个文件,multiple
属性表示这种方式与您选择文件并尝试通过打开新的对话框窗口来添加其他文件时不同。