Podmienené skupiny vo Vue
Niekedy potrebujeme aplikovať podmienku naraz na skupinu tagov. V tomto prípade ich môžeme spojiť spoločným rodičom a aplikovať podmienku naň:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Niekedy by sme nechceli spájať tagy
spoločným rodičom. V tomto prípade
ich môžeme spojiť tagom template.
Tento tag spája iné tagy,
ale neobjaví sa vo výslednom layoute.
Aplikujme podmienku na tento tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Nech sú dané tri odseky a tlačidlo. Zaistite, aby sa po kliknutí na tlačidlo tieto odseky skryli.
