Сложни услови у Vue-у
У директиви v-if можемо правити
сложеније услове. Нека, на пример,
у својству num може
бити један од бројева 1, 2 или
3:
data() {
return {
num: 3, // нека је тренутно 3
}
}
Хајде сада да направимо три пасуса, од
којих ће бити приказан само један
у зависности од вредности
својства num:
<template>
<p v-if="num === 1">један</p>
<p v-if="num === 2">два</p>
<p v-if="num === 3">три</p>
</template>
Можемо правити и сложеније услове:
<template>
<p v-if="num === 1 || num === 3">
један или два
</p>
</template>
Дато је својство day, у коме је записан
тренутни дан у недељи. Нека такође имате
седам пасуса, у сваком од којих је написано
назив дана у недељи. Направите тако да на екрану
буде видљив само пасус који садржи назив
тренутног дана у недељи.