Vue හි v-else නිර්දේශය

v-if නිර්දේශය v-else සමඟ එක්ව ක්‍රියා කළ හැකිය. ප්‍රායෝගිකව මෙය කෙසේ දිස්වන්නේදැයි බලමු. isAuth ගුණාංගය තුළ පරිශීලකයා ප්‍රවේශ අවසරය ලබා ඇත්තේද නැත්ද යන්න අඩංගු වේ:

javascriptdata() {
  return {
    isAuth: true, // මෙහි ඇත්තේ true හෝ false
  }
}

isAuth හි අගය අනුව එක් පණිවුඩයක් හෝ තවත් පණිවුඩයක් ප්‍රදර්ශනය වන පරිදි කරමු:

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

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