Ehdolliset ryhmät Vue:ssa
Joskus meidän on asetettava ehto koko tagiryhmälle kerralla. Tässä tapauksessa voimme yhdistää ne yhteiseksi pääelementiksi ja asettaa ehdon sille:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Joskus emme haluaisi yhdistää tageja
yhteiseksi pääelementiksi. Tässä tapauksessa
ne voidaan yhdistää template-tagilla.
Tämä tagi yhdistää muita tageja,
mutta ei päädy lopulliseen renderöityyn HTML:ään.
Asetetaan ehto tälle tagille:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Oletetaan, että sinulla on kolme kappaletta ja painike. Tee niin, että painiketta napsauttamalla nämä kappaleet piilotetaan.
