Дырэктыва 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,
}
}
У залежнасці ад значэння ўласцівасці вывядзіце або адзін тэкст, або іншы.
