Директива 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,
}
}
Во зависност од вредноста на својството прикажете или еден текст, или друг.