javascript / beginner
Snippet
Bedingtes Rendern mit v-if
Die v-if-Direktive wird verwendet, um ein Element bedingt zu rendern. Wenn der Ausdruck falsch ist, wird das Element vollständig aus dem DOM entfernt.
snippet.js
1
2
3
4
5
6
<button @click="isLoggedIn = !isLoggedIn">Toggle Login</button><p v-if="isLoggedIn">Welcome back!</p><p v-else>Please log in.</p>
vue
Erklärung
1
@click="isLoggedIn = !isLoggedIn"
Eine Abkürzung für v-on:click, die den booleschen Wert von isLoggedIn umkehrt.
2
v-if="isLoggedIn"
Rendert diesen Absatz nur, wenn die Variable isLoggedIn wahr ist.
3
v-else
Bietet ein alternatives Element an, falls die vorherige v-if-Bedingung falsch ist.