დირექტივა 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,
}
}
თვისების მნიშვნელობიდან გამომდინარე გამოიტანეთ ან ერთი ტექსტი, ან მეორე.