Podmíněné skupiny ve Vue
Někdy potřebujeme aplikovat podmínku hned na skupinu tagů. V tomto případě je můžeme spojit společným rodičem a aplikovat podmínku na něj:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Někdy bychom nechtěli spojovat tagy
společným rodičem. V tomto případě
je lze spojit tagem template.
Tento tag spojuje ostatní tagy,
ale nedostane se do výsledného kódu.
Aplikujme podmínku na tento tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Mějte dány tři odstavce a tlačítko. Zařiďte, aby po kliknutí na tlačítko se tyto odstavce skryly.
