Direktyva v-else Vue
Direktyva v-if taip pat gali veikti
kartu su v-else. Pažiūrėkime,
kaip tai atrodo praktiškai.
Tegul savybė isAuth nurodo,
ar vartotojas yra autorizuotas, ar ne:
data() {
return {
isAuth: true, // čia arba true, arba false
}
}
Padarykime taip, kad, priklausomai nuo
isAuth reikšmės, būtų rodoma viena ar kita žinutė:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Duota savybė isAdmin:
data() {
return {
isAdmin: true,
}
}
Priklausomai nuo savybės reikšmės, atvaizduokite vieną ar kitą tekstą.
