Vue.js ';多重';Vuetify中的道具不适用于文件上载
我正在使用Vuetify创建一个表单,其中包含上载文件的功能。我已确保包括“多”道具,允许用户上传多个文件。但是,每当我尝试上载另一个文件时,它只会擦除已上载的文件,如何将其添加到文件数组中:Vue.js ';多重';Vuetify中的道具不适用于文件上载,vue.js,file-upload,vuejs2,vue-component,vuetify.js,Vue.js,File Upload,Vuejs2,Vue Component,Vuetify.js,我正在使用Vuetify创建一个表单,其中包含上载文件的功能。我已确保包括“多”道具,允许用户上传多个文件。但是,每当我尝试上载另一个文件时,它只会擦除已上载的文件,如何将其添加到文件数组中: data: () => ({ files: [] }), 这是文件上载的代码: <v-flex> <v-file-input v-model="files" color="deep-purple accent-4"
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>
{{text}}
当出现文件资源管理器的对话框窗口时,按ctrl键并选择多个文件,多个
道具的意思与您选择一个文件并通过打开新的对话框窗口尝试添加其他文件不同