Vue හි කොන්දේසි සමූහ

සමහර විට අපට කණ්ඩායමක ටැග් සමූහයක් කෙලින්ම කොන්දේසියක් යොදා ගැනීමට අවශ්‍ය වේ. මෙම නඩුවේදී, අපට ඒවා එක් පොදු මාපියෙකු යටතේ එක් කර කොන්දේසිය එයටම යොදා ගත හැකිය:

<template>
	<div v-if="isAuth">
		<p>+++</p>
		<p>+++</p>
		<p>+++</p>
	</div>
</template>

සමහර විට අපට ටැග් පොදු මාපියෙකු යටතේ එක් කිරීමට අවශ්‍ය නොවේ. මෙම නඩුවේදී ඒවා template ටැගය භාවිතයෙන් එක් කළ හැකිය. මෙම ටැගය වෙනත් ටැග් එකට ගොනු කරයි, නමුත් අවසාන HTML ව්‍යුහයට එක් නොවේ. අපි මෙම ටැගයට කොන්දේසියක් යොදමු:

<template>
	<template v-if="isAuth">
		<p>+++</p>
		<p>+++</p>
		<p>+++</p>
	</template>
</template>

ඔබට ඡේද තුනක් සහ බොත්තමක් ලබා දී ඇතැයි සිතමු. බොත්තම ක්ලික් කළ විට මෙම ඡේද සැඟවෙන පරිදි සකසන්න.