亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 Nuxt.js 中使用 v-file-input 獲取文件對象?

如何在 Nuxt.js 中使用 v-file-input 獲取文件對象?

繁星點點滴滴 2023-10-20 10:29:21
我使用 Vuetify.js 作為 Nuxt.Js 的 UI 框架。我想在輸入文件我的應用程序時獲取文件對象。所以我在 Vuetify.Js 中使用了 v-file-input 組件,并編寫了如下代碼。    <template>    <div>        <v-file-input            label="fileinput"            multiple            v-model="files"            @change="getFileObject()"></v-file-input>        </div>    </template><script>import { Component, Vue } from 'nuxt-property-decorator'@Component({})export default class extends Vue{    files:any = []    fileObj:any = {}    async getFileObject(file:any){        this.fileObj = await file        console.log(this.fileObj)    }}</script>我使用 console.log 檢查了文件對象。但“this.fileObj”未定義。輸入文件時如何獲取文件對象?有人能給我建議嗎?
查看完整描述

2 回答

?
慕婉清6462132

TA貢獻1804條經驗 獲得超2個贊

如果從處理程序中刪除空參數,則應隱式傳遞該參數。它還應該在this.files用作輸入的v-model:


@change="getFileObject"

methods: {

  getFileObject(file:any) {

    console.log(file);

    console.log(this.files)

  }

}


查看完整回答
反對 回復 2023-10-20
?
揚帆大魚

TA貢獻1799條經驗 獲得超9個贊

事件有一個參數,該參數是文件數組:


  @change="getFileObject($event)"></v-file-input>   

然后在腳本中:


     async getFileObject(files:File[]){

         this.fileObj = await files

        console.log(this.fileObj)

     }


查看完整回答
反對 回復 2023-10-20
  • 2 回答
  • 0 關注
  • 181 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號