Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

不言
Freigeben: 2018-10-17 15:31:33
nach vorne
3719 Leute haben es durchsucht

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

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

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:

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

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.

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

2. Beschreibung: Definieren Sie das Array der Vollwertschleife

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

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

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

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

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

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!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage