Vue: مشكلة في v-bind: فئة في Microsoft Edge للمكونات

تم إنشاؤها على ٢٧ ديسمبر ٢٠١٩  ·  4تعليقات  ·  مصدر: vuejs/vue

إصدار

2.6.10

رابط الاستنساخ

https://codepen.io/yamelkaya/pen/KKwvdrY

خطوات التكاثر

افتح مثال codepen. هناك ثلاثة مكونات test-x على الصفحة تحدد لون النص وخلفيته. تخبر كل تسمية عن لون النص والخلفية.

Chrome: كل شيء يعمل كما هو متوقع

الحافة 18: تحتوي الملصقات الأولى والثالثة على لون غير صحيح

ما هو متوقع؟

1: نص أحمر على أصفر bg
2: أحمر على رمادي
3: أسود على أصفر

ما الذي يحدث بالفعل؟

1: أسود على رمادي
2: أحمر على رمادي
3: أسود على رمادي

browser quirks bug contribution welcome has workaround

ال 4 كومينتر

يبدو وكأنه متصفح غريب تم إصلاحه لاحقًا:

Screen Shot 2019-12-27 at 15 11 28

كحل بديل ، يمكنك استخدام inheritAttrs: false وإضافة v-bind="$attrs" إلى العنصر h3

إذا كنت أرغب في المساعدة في هذه المشكلة ، فماذا أفعل؟

posva ، كنت

لقد أمسكت الكود ووضعته في موقعي المحلي وكذلك على codeandbox.io وكل شيء

وهنا بعض لقطات الشاشة:
كودو
image

خادمي المحلي
image

Codepen.io
image

شكرا جزيلا للتحقق من ذلك jaireina

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات