在vuetify中上传文件

我在Vuejs的前端使用vuetify组件。我想用文件上传创建一个用户注册表格。我可以v-text-field在vuetify中创建表格,但如何上传文件。使用哪个组件或任何其他替代方式。

OU2020/03/11 12:27:22

一个简单的技巧是:

<v-btn color="success" @click="$refs.inputUpload.click()">Success</v-btn>
<input v-show="false" ref="inputUpload" type="file" @change="yourFunction" >

只需创建具有以下属性的输入即可:

  • type=file
  • ref=inputUpload 这就像一个ID,您可以根据需要命名
  • v-show=false 这隐藏了输入

然后创建一个按钮,当您单击它时,它会在输入的“上传按钮”上触发点击事件。

YOC585603902020/03/11 12:27:22

这是我们将来会添加的内容,但当前不会添加。在github上有讨论,有几个用户发布了他们暂时使用的实现,https://github.com/vuetifyjs/vuetify/issues/238