Welche Anweisungen werden verwendet, um das Anzeigen und Ausblenden von Elementen in Vue zu steuern?

In vue können Sie das Anzeigen und Ausblenden von Elementen über den Befehl „v-show“ steuern. Dieser Befehl ist einfach ein CSS-basierter Schalter. Sie können das Anzeigen und Ausblenden von Elementen steuern, indem Sie das Anzeigestilattribut des festlegen DOM-Element.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

v-show-Befehl

Der v-show-Befehl steuert das Anzeigeattribut des Elements, um zu bestimmen, ob es angezeigt werden soll. Wenn der Attributwert von v-show wahr ist, wird das Element angezeigt, andernfalls wird es nicht angezeigt

v-show Es schaltet das displayCSS-Attribut des Elements basierend auf dem wahren oder falschen Wert des Ausdrucks um (beurteilt basierend auf dem aus dem Ausdruck abgeleiteten booleschen Wert).

Verwendung von v-show

1 Ein Element wird angezeigt oder ausgeblendet

<el-button v-show="list.power == 1" @click="toUpload" class="toUpload" type="primary">去上传<i class="el-icon-upload el-icon--right"></i></el-button>

Übergeben Ob der Parameter list.power in der Schnittstelle gleich 1 ist, wenn er gleich 1 ist, ist er „wahr“, andernfalls ist er „falsch“, und dann wird v-show angezeigt Der Befehl wird angezeigt, wenn er gleich „true“ ist, und ausgeblendet, wenn er „false“ ist. 2. Beurteilung des ternären Operators

Das obige ist der detaillierte Inhalt vonWelche Anweisungen werden verwendet, um das Anzeigen und Ausblenden von Elementen in Vue zu steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!