Analyse des Problems, dass Vue nicht auswählen kann, nachdem der el-select-Wert leer gelassen wurde

1. Bedarfsanalyse

• Anforderungen
  Zwei Dropdown-Felder. Nachdem Sie im ersten Dropdown-Feld verschiedene Optionen ausgewählt haben, sind die im zweiten Dropdown-Feld angezeigten Werte unterschiedlich.
• Die Methode zur Lösung des Bedarfs
  besteht darin, watchdie Option des ersten Dropdown-Felds zu überwachen, filterdas zweite Dropdown-Feld entsprechend seinem Wert zu filtern und anzuzeigen und, wenn das zweite Dropdown-Feld einen Wert hat, seinen Wert zu verarbeiten 置空.
• Es ist ein Problem aufgetreten.
  Nachdem ich bestimmte Werte im ersten Dropdown-Feld ausgewählt hatte, stellte ich fest, dass das zweite Dropdown-Feld nicht ausgewählt werden konnte und zu einer Einzelelementbindung wurde. Sie können die Wertänderungen in vue-devtool sehen. aber das Dropdown-Feld wird nicht angezeigt.

2. Lösung

• 1. Fügen Sie dem zweiten Dropdown-Feld ein Attribut hinzu, @change="this.$forceUpdate()um das Rendern zu erzwingen.

  Nachdem ich diese Methode verwendet hatte, stellte ich jedoch fest, dass die Eingabeaufforderung zur Formularüberprüfung zwar nicht entfernt, aber erfolgreich gespeichert werden konnte, selbst wenn der Wert ausgewählt werden konnte, was sehr seltsam ist.

• 2. in watchwird this.formData.value=''geändert indelete this.formData.value

  Mit dieser Methode tritt der obige Fehler nicht erneut auf.

• 3. verwendenthis.$set