Beheben Sie das Problem, dass das Elementbearbeitungsformular el-radio nach dem Echo nicht ausgewählt werden kann

Vorwort

Ich möchte vorab darauf hinweisen, dass es sich hierbei um einen sehr grundlegenden Artikel handelt und dieser nur für Anfänger geeignet ist, da die nachfolgenden Artikelinhalte aus meinen Aufzeichnungen zu meinem ersten Einstieg in die Branche stammen. Liebe Experten, bitte machen Sie einen Umweg, um Zeitverschwendung zu vermeiden, danke ~

Lassen Sie uns heute über das Problem sprechen, dass El-Radio im Element-UI-Bearbeitungsformular nach dem Echo nicht ausgewählt werden kann. Es betrifft hauptsächlich die bidirektionale Bindung von Vue und den Standardtyp von El-Radio im Element-UI-Bearbeitungsformular.

Frage

Dies ist ein Fehler, der mich schon den halben Morgen beschäftigt. Der Formularstil und der Code sind wie folgt.

Das Problem besteht darin, dass ich die Daten nicht überprüfen kann, wenn ich nach der Wiedergabe auf andere Radios klicke, um etwas auszuwählen.

Ich habe online dasselbe Problem und eine Lösung gefunden, konnte die Ursache aber immer noch nicht finden.

Online-Lösungen

Ursprünglich wurden die aus dem Hintergrund erhaltenen Daten res.data direkt editPowerForm zugewiesen. Jetzt müssen Sie res.data zuerst let obj zuweisen und dann obj editPowerForm zuweisen.

Der Grund dafür ist, dass editPowerForm die Variable radio nicht deklariert. Die Unterstützung für bidirektionale Datenbindung in Vue ist auf grundlegende Additions- und Löschmethoden beschränkt. Weitere Einzelheiten finden Sie auf der offiziellen Website. Dies entspricht hier der direkten Zuweisung eines Werts zu einer nicht deklarierten Variablen, sodass die bidirektionale Bindung von Vue nicht abgehört wird und daher keine Aktualisierung erfolgt. Das Zuweisen des Werts zuerst zu obj entspricht dem Deklarieren des Radios vor dem Zuweisen des Werts, sodass es per bidirektionaler Bindung abgehört werden kann.

Es ist etwas verwirrend, aber kurz gesagt muss zuerst ein bestimmtes Attribut des Objekts erstellt werden, bevor es von der bidirektionalen Bindung von Vue abgehört werden kann.

Beachten Sie außerdem:

Der Wert des Radios sollte standardmäßig vom Typ „String“ sein. Wenn der vom Hintergrund zurückgegebene Wert vom Typ „int“ ist, wird das Radio standardmäßig nicht ausgewählt.

Wie wir alle wissen, wird beim Verweisen auf ein JS-Objekt tatsächlich auf eine Indexadresse verwiesen. Aus diesem Grund erweitert das Frontend die Deep Copy und Shallow Copy. Wenn nur Änderungen innerhalb des Objekts auftreten, bleibt der Indexwert tatsächlich unverändert, d. h. der alte Wert ist derselbe wie der neue Wert, da ihre Indizes auf dasselbe Objekt verweisen.

Tatsächlich ist es auch möglich, $set oder watch direkt für eine umfassende Überwachung zu verwenden. Glücklicherweise verwenden wir jetzt einen Proxy in vue3, um eine bidirektionale Bindung zu implementieren, sodass wir uns keine Sorgen mehr darüber machen müssen, dass wir Änderungen in Arrays/Objekten nicht überwachen können!

Dies ist das Ende dieses Artikels zur Lösung des Problems, dass das Elementbearbeitungsformular „el-radio echo“ nicht ausgewählt werden kann. Weitere verwandte Inhalte zum Thema „el-radio echo“ können Sie in den vorherigen Artikeln von 123WORDPRESS.COM finden oder in den folgenden verwandten Artikeln weiterlesen. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!