inheritAttrs التحكم في تمرير الخصائص
آخر تحديث: 2026-10-22
inheritAttrs التحكم في تمرير الخصائص
عند ضبط inheritAttrs إلى false لا تهبط الخصائص غير المصرّح بها على العنصر الجذر تلقائياً، فتوزَّع بدقة على العناصر الداخلية مع $attrs.
| المجموعة | الخيارات: التركيب ومتنوع |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
inheritAttrs: false,
template: "<div><input v-bind="$attrs"></div>"
}⚙️ الوسائط
| value | قيمة منطقية (الافتراضية true) |
|---|
القيمة المُرجعة：بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
The placeholder and class land on the real input.💡 نقاط مهمة
💡 نصيحة المكوّنات الغلافية (حقول الإدخال، الأزرار) تستخدم هذا التركيب شائعاً: inheritAttrs: false مع v-bind="$attrs".
ℹ️ ملاحظة مكوّنات الجذر المتعدد لا تمرّر تلقائياً افتراضياً؛ فيجب تحديد نقطة الهبوط يدوياً.
🏷️ التركيب ومتنوع ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س لماذا تظهر خصائص غريبة زائدة على العنصر الجذر؟
ج ذلك التمرير الافتراضي: مرّر الأب خصائص لم يصرّح المكوّن بها ضمن props.
س هل تحتاج مكوّنات الجذر المتعدد إلى ضبطه؟
ج لا حاجة لضبط false، لكن يجب كتابة v-bind="$attrs" يدوياً وإلا لم تجد الخصائص مكاناً (مع تحذير).
س هل يُحسب class ضمن الخصائص الممررة؟
ج نعم: يُدمج class/style مع ما يملكه المكوّن نفسه.
