vuetify文件上传 file inputs

最新推荐文章于 2023-10-16 09:59:52 发布

YJX_0403

最新推荐文章于 2023-10-16 09:59:52 发布

阅读量2.8k

点赞数

文章标签： html javascript

本文链接：https://blog.csdn.net/YJX_0403/article/details/105516896

版权

本文介绍了如何利用Vuetify组件库在HTML和JavaScript中实现文件上传功能，包括相关的HTML结构和JavaScript处理逻辑。

摘要由CSDN通过智能技术生成

html部分代码

<v-form
       ref="uploadFileForm"
       v-model="uploadFormValid">
   <v-file-input
           v-model="fileInfo"
           required
           :rules="[v => !!v || '文件必选']"
           show-size accept=".xls,.xlsx"
           @change="uploadFile"
           :disabled="loading.uploadIsLoading"
           :loading="loading.uploadIsLoading"
           label="点击选择文件，文件格后缀为：.xls、.xlsx"></v-file-input>