Fehler bei der Verwendung von V-Modell bei der Dateieingabe

Question

Ich habe eine Dateieingabe und muss sie löschen, nachdem die Datei hochgeladen wurde. Ich habe versucht, Null-Wert auf V-Modell, aber es erzeugt den folgenden Fehler

Dateieingänge sind nur lesbar. Verwenden Sie ein v-on: Ändern Sie stattdessen den Listener.

Mein Code ist

<input id="fileupload" type="file" v-model="file" multiple v-on:change="uploadFile" ref="fileInput" /> 

Wie kann ich die Datei-Eingabe in vue.js nach dem Upload löschen, so dass ich die gleiche Datei kontinuierlich mehrmals hochladen

Answer 1

es Löste das ref-Attribut,

this.$refs.fileInput.value = null; 

Answer 2

Sie verwenden v-on:change="uploadFile" und Erraten dass Ihr uploadFile einen Rückruf erfolgreich hat, können Sie Folgendes tun:

-Wraps Ihre Eingabe in einem Formular und fügen Sie ein ref-Attribut zu Ihrem Formular

<form ref="myFileInputForm"> 
    <input id="fileupload" type="file" v-model="file" multiple v-on:change="uploadFile" ref="fileInput" /> 
</form> 

• in Ihrem succesa Rückruf von uploadFile dies tun:

  this.$refs.myFileInputForm.reset();

Answer 3

Datei-Eingänge nur gelesen werden . binden nicht auf Element, entfernen v-model="file"