Direktīva v-else Vue
Direktīva v-if var arī strādāt
kopā ar v-else. Apskatīsim,
kā tas izskatās praksē.
Lai īpašums isAuth satur to,
vai lietotājs ir autorizējies vai nē:
data() {
return {
isAuth: true, // šeit vai true, vai false
}
}
Izdarīsim tā, lai atkarībā no vērtības
isAuth tiktu izvadīts vai nu viens ziņojums,
vai otrs:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Dots īpašums isAdmin:
data() {
return {
isAdmin: true,
}
}
Atkarībā no īpašuma vērtības izvadiet vai nu vienu tekstu, vai otru.
