Vue: वी-बाइंड के साथ समस्या: घटकों के लिए माइक्रोसॉफ्ट एज में वर्ग

को निर्मित 27 दिस॰ 2019 · 4टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

2.6.10

प्रजनन लिंक

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

प्रजनन करने कि प्रक्रिया

कोडपेन उदाहरण खोलें। पृष्ठ पर 3 घटक test-x जो टेक्स्ट का रंग और पृष्ठभूमि सेट करते हैं। प्रत्येक लेबल टेक्स्ट के रंग और पृष्ठभूमि के बारे में बताता है।

क्रोम: सब कुछ उम्मीद के मुताबिक काम करता है

एज 18: पहले और तीसरे लेबल में गलत रंग है

क्या अपेक्षित है?

1: पीले बीजी पर लाल पाठ
2: ग्रे पर लाल
3: पीले पर काला

वास्तव में क्या हो रहा है?

1: ग्रे पर काला
2: ग्रे पर लाल
3: ग्रे पर काला

browser quirks bug contribution welcome has workaround

स्रोत

yamelkaya

सभी 4 टिप्पणियाँ

एक ब्राउज़र क्विर्क जैसा लगता है जिसे बाद में तय किया गया था:

Screen Shot 2019-12-27 at 15 11 28

वैकल्पिक हल के रूप में, आप inheritAttrs: false उपयोग कर सकते हैं और h3 तत्व में v-bind="$attrs" जोड़ सकते हैं

posva 27 दिस॰ 2019

अगर मैं इस मुद्दे पर मदद करना चाहता हूं तो मैं क्या कर सकता हूं?

dagadbm 23 जन॰ 2020

@posva , मैं इसे ठीक करने जा रहा था लेकिन मैंने देखा कि यह Codepen.io पर एक समस्या के कारण है। यदि आप दिए गए पेन को एज पर खोलते हैं और कंसोल पर जाते हैं, तो आपको वहां एक त्रुटि दिखाई देगी। यदि आप पेन में कुछ संपादित करते हैं, तो आपको उस त्रुटि के कारण आउटपुट पैनल में परिवर्तन दिखाई नहीं देंगे।

मैंने कोड को पकड़ लिया और इसे अपने स्थानीय के साथ-साथ codesandbox.io पर भी डाल दिया और एज पर सब कुछ ठीक रहा।

यहाँ कुछ स्क्रीनशॉट हैं:
codesandbox.io