Vue में सशर्त समूह
कभी-कभी हमें एक साथ कई टैगों पर एक शर्त लगाने की आवश्यकता होती है। इस मामले में, हम उन्हें एक सामान्य मूल तत्व में संयोजित कर सकते हैं और उस पर शर्त लगा सकते हैं:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
कभी-कभी हम टैगों को एक सामान्य मूल तत्व में संयोजित नहीं करना चाहते हैं। इस मामले में
उन्हें template टैग से संयोजित किया जा सकता है।
यह टैग अन्य टैगों को समूहित करता है,
लेकिन अंतिम लेआउट में शामिल नहीं होता है।
आइए इस टैग पर एक शर्त लगाएं:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
मान लीजिए आपके पास तीन पैराग्राफ और एक बटन दिया गया है। ऐसा करें कि बटन दबाने पर ये पैराग्राफ छिप जाएं।
