Direktiva v-else në Vue

Direktiva v-if mund të punojë gjithashtu në kompleks me v-else. Le të shohim se si duket në praktikë. Le të supozojmë se vetia isAuth përmban nëse përdoruesi është i autorizuar apo jo:

javascriptdata() {
  return {
    isAuth: true, // këtu ose true, ose false
  }
}

Le të bëjmë që në varësi të vlerës së isAuth të shfaqet ose një mesazh, ose një tjetër:

html<template>
  <p v-if="isAuth">+++</p>
  <p v-else>---</p>
</template>

javascriptdata() {
  return {
    isAdmin: true,
  }
}