【问题标题】:'multiple' prop in Vuetify not working for file uploadsVuetify 中的“多个”道具不适用于文件上传
【发布时间】:2020-05-23 10:10:11
【问题描述】:

我正在使用 Vuetify 创建一个包含上传文件功能的表单。我确保包含 'multiple' 属性以允许用户上传超过 1 个文件。但是,每当我尝试上传另一个文件时,它只会删除已上传的文件,我怎样才能将其添加到文件数组中:

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>

【问题讨论】:

    标签: vue.js file-upload vuejs2 vue-component vuetify.js


    【解决方案1】:

    当文件资源管理器的对话窗口出现时,按ctrl 键并选择多个文件,multiple 属性意味着这种方式不像您通过选择一个文件并尝试通过打开新的对话窗口来添加其他文件所做的那样。

    【讨论】:

    • 哇,vuetify 文档没有解释这一点真是令人惊讶,谢谢
    猜你喜欢
    • 1970-01-01
    • 2019-10-31
    • 2021-01-16
    • 2016-04-30
    • 2021-06-14
    • 1970-01-01
    • 2012-08-02
    • 2015-03-31
    • 1970-01-01
    相关资源
    最近更新 更多