Directiva v-else de Vue3
Directivas integradas de Vue3v-elseLa directiva se utiliza para representar el bloque else de v-if o v-else-if.
Descripción básica
v-elseLa directiva debe ir inmediatamente después del elemento v-if o v-else-if, e indica el contenido que se renderiza cuando todas las condiciones anteriores no se cumplen.
- Tipo esperado: Ninguno (no acepta expresiones)
- Función: Indica el bloque else de v-if; debe haber un v-if o v-else-if antes.
Uso básico
Ejemplo
<template>
<div>
<p v-if="isLoggedIn">Bienvenido de nuevo</p>
<p v-else>Por favor, inicia sesión</p>
</div>
</template>
<script>
export default {
data() {
return { isLoggedIn: false }
}
}
</script>
<div>
<p v-if="isLoggedIn">Bienvenido de nuevo</p>
<p v-else>Por favor, inicia sesión</p>
</div>
</template>
<script>
export default {
data() {
return { isLoggedIn: false }
}
}
</script>
Otras extensiones