Javascript 从Vue的输入按钮访问数据

我用npm（）安装了Vuetify上传按钮。 但是，关于它的文档很少，我不知道如何读取使用输入按钮时选择的数据

HTML（部分）：

<upload-btn title="select" name="pinimage">test</upload-btn>

<v-btn
  :disabled="!valid"
  @click="submit"
>
  submit
</v-btn>

测试
提交

JS: （请参阅提交功能，在该功能中我尝试记录所选数据）

从“vuex”导入{mapState}；
从“vuetify upload button”导入UploadButton；
导出默认值{
名称：“addinspiration”，
组成部分：{
“上载btn”：上载按钮
},
计算：{
…地图状态([
“backenderror”
])
},
数据：（）=>({
Backender错误：“”，
有效：对，
电子邮件：“”，
pinimage:“”，
}),
方法：{
提交（）{
log（this.pinimage.files）；
此.$store.dispatch（'addinspathing'{
pinimage:this.pinimage.files，
});
},
清楚（）{
这是。$refs.form.reset（）
}
},
}

---

如果我没有误解你的问题，那么你也可以这样尝试

根据它的特性，

fileChangedCallback

是一个回调函数，用于在选择文件时返回

file

对象，其默认值为

undefined

。 因此，您可以使用读取文件的数据

HTML

<upload-btn :fileChangedCallback="getFile"></upload-btn>

<upload-btn :fileChangedCallback="getFile"></upload-btn>

data() {
    return {
        myFile: ''
    }
},

methods:  {
    getFile (file) {
          let vm = this
          let reader = new FileReader()

          reader.onload = e => {
              vm.myFile = e.target.result
          }
          reader.readAsDataURL(file)
     }
}