Artikelverzeichnis
1. Problembeschreibung:
Das verwendete Front-End-UI-Framework ist elementUI.
Die el-select-Komponente befindet sich in einem Popup-Feld. Wenn das Popup-Feld geöffnet wird, kann el-select normal ausgewählt werden, jedoch nach dem Speichern der Formularinformationen im Popup-Feld und dem Schließen des Popup-Felds und dann das Popup-Fenster öffnen, besteht das Problem, dass die ausgewählte Komponente nicht ausgewählt werden kann.
Wie in der Abbildung oben gezeigt, kann es nicht ausgewählt werden, aber der Wert der entsprechenden Daten hat sich geändert und die Ansichtsleistung ist nicht ausgewählt.
2. Problemlösung
Anhand der obigen Beobachtungen lässt sich der Grund leicht beurteilen, das heißt, das Problem sollte im Popup-Fenster „el-dialog“ und nicht im Auswahlfeld liegen, d -up-Box-Komponente wird nicht zerstört und es sind verbleibende historische Daten vorhanden.
Die Lösung besteht darin, die Komponente vollständig zu zerstören. Verwenden Sie einfach v-if.
<el-dialog title="添加提示" :visible.sync="dialogRepVisible" width="780px" v-if="dialogRepVisible">
Es gibt andere Lösungen im Internet. Beispielsweise wird die Auswahloption dynamisch geladen. Wenn die Daten eingehen, wird die Ansicht nicht aktualisiert, daher müssen Sie Folgendes verwenden:
<el-select v-model="data" placeholder="请选择" @change="change">
<el-option v-for="(item, index) in 4" :key="index" :label="item" :value="item">{
{ item}}</el-option>
</el-select>
<script>
change: function() {
this.$forceUpdate()
}
</script>
usw., aber das trifft auf meinen Fall nicht zu. Wenn Sie bestimmte Sachverhalte im Detail analysieren möchten!
Wenn Sie Schwierigkeiten bei der Web-Front-End-Entwicklung, Interviews und Front-End-Lernrouten haben, können Sie mich V: imqdcnn hinzufügen. Beantworten Sie kostenlos Fragen und technische Experten, die seit vielen Jahren in der Branche tätig sind, helfen Ihnen bei der Lösung von Fehlern.
Ich wünschte, Sie könnten ein ausgezeichneter WEB-Front-End-Entwicklungsingenieur werden!