Directive v-else de Vue3
Vue3 Directives intégréesv-elseLa directive est utilisée pour représenter le bloc else de v-if ou v-else-if.
Description de base
v-elseLa directive doit suivre immédiatement un élément v-if ou v-else-if, indiquant le contenu à afficher lorsque toutes les conditions précédentes ne sont pas remplies.
- Type attendu: Aucun (n'accepte pas d'expressions)
- Effet: Représente le bloc else de v-if et doit être précédé par v-if ou v-else-if.
Utilisation de base
Exemple
<template>
<div>
<p v-if="isLoggedIn">Bon retour</p>
<p v-else>Veuillez vous connecter</p>
</div>
</template>
<script>
export default {
data() {
return { isLoggedIn: false }
}
}
</script>
<div>
<p v-if="isLoggedIn">Bon retour</p>
<p v-else>Veuillez vous connecter</p>
</div>
</template>
<script>
export default {
data() {
return { isLoggedIn: false }
}
}
</script>
Autres extensions