Vue හි සංකීර්ණ කොන්දේසි
v-if නිර්දේශය තුළ
තවත් සංකීර්ණ කොන්දේසි සැකසිය හැකිය. උදාහරණයක් ලෙස,
num ගුණයේ
1, 2 හෝ
3 අංක වලින් එකක් තිබිය හැකිය:
data() {
return {
num: 3, // දැනට එහි 3 යැයි සිතමු
}
}
දැන් අපි ඡේද තුනක් සාදමු,
num ගුණයේ අගය අනුව
ඒවායින් එකක් පමණක්
පෙන්වනු ලබන පරිදි:
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
තවත් සංකීර්ණ කොන්දේසි ද සැකසිය හැකිය:
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
day ගුණයක් ලබා දී ඇත, එහි වර්තමාන සතියේ දිනය
ලියා ඇත. ඔබට ඡේද හතක් ඇතැයි සිතමු, ඒ සෑම එකකම
සතියේ දිනයක නම ලියා ඇත. තිරයේ
වර්තමාන සතියේ දිනයේ නම
අඩංගු ඡේදය පමණක් පෙනෙන පරිදි සකසන්න.
