useSlots() الحصول على محتوى الفتحات
آخر تحديث: 2026-10-22
useSlots() الحصول على محتوى الفتحات
تُعيد useSlots() مجموعة دوال الفتحات الممرَّرة من المكوّن الأب، وتُستخدم للحكم في السكربت على «هل مُرِّرت فتحة معينة» أو للعرض اليدوي.
| المجموعة | القوالب والمساعدات |
|---|---|
| النوع | API |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
const slots = useSlots()
if (slots.header) { /* وفّر المكوّن الأب فتحة header */ }القيمة المُرجعة：كائن دوال الفتحات (يشمل default / الفتحات المسماة)
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
The first card shows the parent header; the second falls back to 'Default title'.💡 نقاط مهمة
💡 نصيحة فحص وجود الفتحة هو الاستخدام النموذجي: إن وُجد يُعرض محتوى الأب، وإلا يُعرض المحتوى الاحتياطي.
ℹ️ ملاحظة في القوالب يُستخدم مباشرةً عادةً؛ وتُستخدم هذه الدالة فقط عند الحاجة إلى حكم شرطي في السكربت.
⚠️ تحذير لا تعتمد عليها كبيانات تفاعلية (إذ قد تتغير مجموعة الفتحات بين العروض).
🏷️ القوالب والمساعدات ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الفرق بينها وبين $slots؟
ج نسخة الـ API التركيبية، والوظيفة نفسها؛ فكلتاهما تُعيد مجموعة دوال الفتحات.
س هل يمكن استدعاء دالة الفتحة؟
ج يمكن (slots.default())، لكن يُترك العرض عادةً إلى القالب، والاستدعاء اليدوي استخدام متقدم.
س أين يُستخدم فحص الوجود عادةً؟
ج تُستخدم في مكوّنات البطاقات والنوافذ المنبثقة والجداول ذات «الترويسة/التذييل الاختيارية» لواجهات احتياطية.
