Директива v-else във Vue
Директивата v-if може също да работи
в комлект с v-else. Нека да видим
как изглежда това на практика.
Нека свойството isAuth съдържа това,
дали потребителят е авторизиран или не:
data() {
return {
isAuth: true, // тук или true, или false
}
}
Нека направим така, че в зависимост от стойността
на isAuth да се извежда или едно съобщение,
или друго:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Дадено е свойството isAdmin:
data() {
return {
isAdmin: true,
}
}
В зависимост от стойността на свойството изведете или един текст, или друг.
