在vuetify中上传文件

JavaScript

GilJinJin

2020-03-11

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

第677篇《在vuetify中上传文件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
OU 2020.03.11

一个简单的技巧是：

<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 这隐藏了输入

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

YOC58560390 2020.03.11

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android