Attribute im Vue V-For-Loop-Objekt

Attribute im Vue V-For-Loop-Objekt

1. Werte innerhalb von Schleifenobjekten

<Text>



    <div id="app">

        <!--Werte innerhalb des Loop-Objekts-->

        <ul>

            <li v-for="Artikel in pro">

                {{Artikel}}

            </li>

        </ul>

    </div>



    <script src="./js/vue.js"></script>

    <Skript>



        lass vm = neues Vue({

            el:'#app',

            Daten:{

                pro:

                    Ich würde: 1,

                    Name: „Xiaoming“,

                    Alter:19,

                    Geschlecht: „männlich“

                }

            }

        })

    </Skript>

2. Objektschleife

3. Schleifen von Schlüsseln und Werten

<!-- Schleife über Schlüssel und Werte -->

        <ul>

                    <!-- Wertschlüssel-->

            <li v-for="(Wert,Schlüssel) in pro">

                {{Wert}}---{{Schlüssel}}

            </li>

        </ul>

Dies ist das Ende dieses Artikels über die Eigenschaften v-for Loop-Objekts in vue . Weitere relevante Inhalte zu den Eigenschaften v-for Loop-Objekts finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • So verwenden Sie eine v-for-Schleife zum Generieren dynamischer Tags in Vue.js
  • 7 Möglichkeiten zum Schreiben einer Vue v-for-Schleife
  • Implementierung einer zirkulären Scroll-Listenfunktion basierend auf Vue
  • Detaillierte Erklärung des Loop-Formularelementbeispiels in Vue
  • Ein Beispiel für die Implementierung einer einfachen Endlosschleifen-Scrolling-Animation in Vue
  • Dieser Artikel zeigt Ihnen den Event-Loop-Mechanismus von vue.js

<<:  So verwenden Sie Übersetzung und Übergang in CSS3

>>:  Was ist das Basis-Tag und was macht es?

Artikel empfehlen

JS+CSS zur Realisierung einer dynamischen Uhr

In diesem Artikelbeispiel wird der spezifische Co...

Zusammenfassung einiger Tipps zum MySQL-Indexwissen

Inhaltsverzeichnis 1. Grundkenntnisse der Indizie...

CSS-Lösung zum Zentrieren von Elementen mit variabler Breite und Höhe

1. Horizontale Mitte Öffentlicher Code: html: <...

Detaillierte Erklärung zum effizienten Importieren mehrerer SQL-Dateien in MySQL

MySQL bietet mehrere Möglichkeiten, mehrere SQL-D...

Eine detaillierte Erklärung, wie React Fiber funktioniert

Inhaltsverzeichnis Was ist React Fiber? Warum Rea...

So zeigen Sie MySQL-Links an und löschen abnormale Links

Vorwort: Während des Betriebs und der Wartung der...

Tutorial zur Installation von MYSQL5.7 aus dem OEL7.6-Quellcode

Laden Sie zunächst das Installationspaket von der...

Erfahren Sie, wie Sie den Zabbix-Dienst auf Saltstack bereitstellen

Inhaltsverzeichnis Saltstack stellt Zabbix-Dienst...

CentOS-System-RPM-Installation und -Konfiguration von Nginx

Inhaltsverzeichnis CentOS RPM-Installation und Ko...

Implementierung eines Element-Eingabefelds, das automatisch den Fokus erhält

Beim Erstellen eines Formulars in einem aktuellen...

Erstellen von Befehlszeilen-Anwendungen mit JavaScript

Inhaltsverzeichnis 1. Knoten installieren 2. Inst...