v-else-if الفرع الشرطي (v-else-if)
آخر تحديث: 2026-10-22
v-else-if الفرع الشرطي (v-else-if)
يربط v-else-if فروعًا شرطية متعددة، فيقيّمها واحدًا تلو الآخر حتى يصادف فرعًا صحيحًا.
| المجموعة | التوجيهات |
|---|---|
| النوع | توجيه |
| النطاق | القالب |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
<p v-if="t >= 90">Excellent</p>
<p v-else-if="t >= 60">Pass</p>
<p v-else>Fail</p>⚙️ الوسائط
| expression | تعبير منطقي يُقيَّم بالترتيب (تقييم قصير الدائرة short-circuit) |
|---|
القيمة المُرجعة：توجيه، بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Enter 75 for 'Pass', 95 for 'Excellent', 40 for 'Fail'.💡 نقاط مهمة
ℹ️ ملاحظة تُقيَّم الشروط من الأعلى إلى الأسفل ويتوقف التقييم عند أول تطابق — رتِّبها من الأشد تقييدًا إلى الأوسع.
⚠️ تحذير يجب أن يلي كل v-else-if الفرع السابق مباشرة — لا يمكن مقاطعة السلسلة.
💡 نصيحة عند تجاوز الفروع الثلاثة، أعد حالة (status) من خاصية محسوبة computed للحفاظ على نظافة القالب.
🏷️ التوجيهات ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س هل يهم ترتيب v-else-if؟
ج نعم. يتوقف التقييم عند أول شرط يتحقق من الأعلى إلى الأسفل، فاجعل الأشد تقييدًا أولًا.
س هل كثرة الفروع تشوّه القالب؟
ج عند تجاوز ثلاثة، اشتق حالة عبر computed وقارن قيمة واحدة فقط.
س هل يمكن مزج v-else-if مع v-show؟
ج لا — السلسلة تقتصر على v-if وv-else-if وv-else.
