In Vue wird „v-if“ verwendet, um DOM-Elemente entsprechend dem wahren oder falschen Ausdruck zu bedienen. Sie können die Anzeige und das Ausblenden von Elementen umschalten, wenn der Wert des Ausdrucks wahr ist und das Element im Dom-Baum vorhanden ist , und der Ausdruck ist Wenn falsch, wird das Element aus dem DOM-Baum entfernt und die Syntax ist „v-if="expression"“.

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue Version 2.9.6, DELL G3-Computer.

Verwendung von v-if in vue

v-if: Schalten Sie die Anzeige und das Ausblenden von Elementen (Bedienung von DOM-Elementen) entsprechend dem wahren oder falschen Ausdruck (Bedienung von DOM-Elementen) um

(1) v- if application

 
{{message}}
 

Daten werden nur angezeigt, wenn sie wahr sind

(2) v-if und v-else

 
{{message}}
 
hello
 

Wenn v-if wahr ist, führen Sie if aus, andernfalls führen Sie else aus

( 3) Fall: v - Anwendung von if und v-else

 
  用户账号    用户邮箱   切换类型 
   

Klicken Sie, um den Typ zu wechseln, um den Anzeigeinhalt zu ändern. Zu diesem Zeitpunkt tritt ein Problem bei der Wiederverwendung von Eingabe-Tags auf (der Inhalt im Eingabefeld ist nicht vorhanden). Dies ist ein virtuelles DOM. Die Wiederverwendung vorhandener Elemente anstelle der Erstellung neuer Elemente kann die Leistung verbessern. Wenn die Schlüssel identisch sind, bleibt der Inhalt erhalten , der Inhalt wird nicht beibehalten. [Verwandte Empfehlungen: „

》】

Das obige ist der detaillierte Inhalt vonSo verwenden Sie v-if in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!