Vue: Проблема с v-bind: класс в Microsoft Edge для компонентов

Созданный на 27 дек. 2019  ·  4Комментарии  ·  Источник: vuejs/vue

Версия

2.6.10

Ссылка для воспроизведения

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

Действия по воспроизведению

Пример открытого кода. На странице есть 3 компонента test-x которые задают цвет текста и фон. Каждая этикетка сообщает о цвете текста и фоне.

Chrome: все работает как положено

Край 18: 1-я и 3-я метки имеют неправильный цвет

Что ожидается?

1: красный текст на желтом фоне
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 , я собирался исправить это, но заметил, что это связано с проблемой на Codepen.io. Если вы откроете предоставленное перо на Edge и перейдете к консоли, вы увидите там ошибку. Если вы что-то отредактируете пером, вы не увидите изменений, отраженных на панели вывода из-за этой ошибки.

Я взял код и поместил его в свой локальный каталог, а также на

Вот несколько скриншотов:
codeandbox.io
image

Мой локальный сервер
image

Codepen.io
image

Большое спасибо за проверку этого @jaireina

Была ли эта страница полезной?
0 / 5 - 0 рейтинги