Vue හි සංකීර්ණ කොන්දේසි

v-if නිර්දේශය තුළ තවත් සංකීර්ණ කොන්දේසි සැකසිය හැකිය. උදාහරණයක් ලෙස, num ගුණයේ 1, 2 හෝ 3 අංක වලින් එකක් තිබිය හැකිය:

javascriptdata() {
  return {
    num: 3, // දැනට එහි 3 යැයි සිතමු
  }
}

දැන් අපි ඡේද තුනක් සාදමු, num ගුණයේ අගය අනුව ඒවායින් එකක් පමණක් පෙන්වනු ලබන පරිදි:

html<template>
  <p v-if="num === 1">one</p>
  <p v-if="num === 2">two</p>
  <p v-if="num === 3">three</p>
</template>

තවත් සංකීර්ණ කොන්දේසි ද සැකසිය හැකිය:

html<template>
  <p v-if="num === 1 || num === 3">
    one or two
  </p>
</template>