Was ist die Anweisung zum Ausblenden von Elementen in Vue?

Der Befehl zum Ausblenden von Elementen in Vue lautet „v-show“. Die v-show-Anweisung bestimmt, ob ein Element basierend auf dem wahren oder falschen Wert des Ausdrucks angezeigt oder ausgeblendet wird. Die Syntax lautet „v-show="Ausdruck". Die v-show-Anweisung steuert den Anzeige- und Ausblendungsstatus des Elements, indem sie das CSS-Anzeigeattribut des Elements ändert. Der Inhalt des Ausdrucks, der der Anweisung folgt, wird schließlich in einen booleschen Wert analysiert. Das Element wird angezeigt, und wenn der Wert falsch (false) ist, ist das Element ausgeblendet.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue3-Version, DELL G3-Computer.

Vue.js stellt eine V-Show-Direktive bereit, die basierend auf dem wahren oder falschen Wert des folgenden Ausdrucks bestimmt, ob ein Element angezeigt oder ausgeblendet wird. Der Befehl

v-show steuert die Anzeige und den ausgeblendeten Zustand des Elements, indem er das Anzeigeattribut des CSS des Elements ändert.

v-show-Befehlseinführung

Dem v-show-Befehl muss eine boolesche Variable oder ein boolescher Ausdruck folgen. Wenn der Wert wahr ist, wird das Element angezeigt, und wenn der Wert falsch ist, wird das Element angezeigt ist versteckt.

<标签 v-show="true/false"></标签>

<!--true:显示   false:隐藏-->

Beispiel:

<div id="app">
    <p v-show="flag == &#39;显示&#39;">Vue 课程</p>
</div>

<script>
    var app = new Vue({
        el: &#39;#app&#39;,
        data: {
            flag: &#39;隐藏&#39;
        }
    });
</script>

Wenn die Flagge auf „Ausblenden“ gesetzt ist, wird „Vue-Kurs“ nicht angezeigt; wenn die Flagge auf „Anzeigen“ gesetzt ist, wird „Vue-Kurs“ angezeigt.

Wenn das Flag auf „versteckt“ gesetzt ist, ist die CSS-Attributanzeige des p-Elements tatsächlich auf „Keine“ gesetzt, sodass das Element ausgeblendet ist. Der gerenderte Code lautet wie folgt: wie folgt:

Zusammenfassung

Die Funktion des Befehls v-show besteht darin, den Anzeigestatus des Elements entsprechend dem wahren und falschen Wert umzuschalten.

Das Prinzip besteht darin, es zu ändern das CSS-Attribut (Anzeige) des Elements, um zu entscheiden, ob es angezeigt oder ausgeblendet werden soll angezeigt, und wenn der Wert falsch ist, wird das Element ausgeblendet.

Was ist mit dem entsprechenden Element, nachdem die Daten geändert wurden? Der Anzeigestatus wird ebenfalls synchron aktualisiert Video-Tutorial, Web-Frontend-Entwicklung

]

Das obige ist der detaillierte Inhalt vonWas ist die Anweisung zum Ausblenden von Elementen in Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!