Vue'da v-else Direktifi
v-if direktifi,
v-else ile birlikte de çalışabilir.
Pratikte nasıl göründüğüne bir bakalım.
isAuth özelliğinin, kullanıcının
yetkili olup olmadığını içerdiğini varsayalım:
data() {
return {
isAuth: true, // burada true veya false
}
}
isAuth değerine bağlı olarak
bir mesajın veya diğerinin
gösterilmesini sağlayalım:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
isAdmin özelliği verildi:
data() {
return {
isAdmin: true,
}
}
Özelliğin değerine bağlı olarak ya bir metni ya da diğerini görüntüleyin.
