Dynamische Ergänzung von Vue-Daten und dynamische Bindungsideen (Bilder und Texte)

Der Inhalt dieses Artikels befasst sich mit der dynamischen Hinzufügung von Vue-Daten und dynamischen Bindungsideen (Bilder und Texte). Ich hoffe, dass er für Sie hilfreich ist.

Beginnen wir mit dem Fall

Bei der Auswahl eines Themas wird im Folgenden auch Folgendes hinzugefügt Festlegung der Gesamtpunktzahl des Faches.

Die Idee, jquery vorher zu schreiben: Erstellen Sie beim Aktivieren einen Dom-Knoten und hängen Sie den Dom-Knoten dann auf getrennte Weise an das festgelegte Thema Es ist außerhalb der Grenzen. Gehen Sie noch einen Schritt weiter: Binden Sie zuerst alle Eingaben, die den vollständigen Bewertungswert festlegen, und steuern Sie dann die Anzeige und das Ausblenden. Auf diese Weise wird der Zweck erreicht, aber sobald die Option vom Hintergrund abgerufen wird, sobald der Hintergrund geändert wird. es wird hier geändert.

Nutzen Sie die Idee datengesteuerter Ansichten voll aus:

Code-Snippets

1 Beschreibung: Was diese Funktion bewirkt: Um festzustellen, ob das Array den von der Funktion übergebenen Wert enthält, verwenden Sie die Traversal-Methode, um das Array zu durchlaufen, um zu sehen, ob der Subjektwert des Objekts im Array mit dem übergebenen Wert übereinstimmt Wenn es gleich ist, bedeutet dies, dass das Array dieses Element enthält. Dies bedeutet, dass dieses Subjekt bereits überprüft wurde und gelöscht werden muss. Hier wird die Splic-Methode (Vues Mutationsmethode) verwendet, um es direkt zu ändern den Wert des ursprünglichen Arrays und das Senden von Vue, um die Ansicht zu aktualisieren.

2. Beschreibung: Definieren Sie das Array der Vollwertschleife

3. Beschreibung: Dieses Array sind die Daten der CheckBox oben

4. Beschreibung: Detaillierte Schreibmethode der V-for-Schleife

Das obige ist der detaillierte Inhalt vonDynamische Ergänzung von Vue-Daten und dynamische Bindungsideen (Bilder und Texte). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!