Vue: コンポーネントのMicrosoftEdgeのv-bind：classに関する問題

作成日 2019年12月27日  ·  4コメント  ·  ソース: vuejs/vue

バージョン

2.6.10

複製リンク

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

再現する手順

codepenの例を開きます。 ページには、テキストの色と背景を設定する3つのコンポーネントtest-xがあります。 各ラベルは、テキストの色と背景について説明しています。

Chrome：すべてが期待どおりに機能する

エッジ18：1番目と3番目のラベルの色が正しくありません

何が期待されますか？

1：黄色のbgに赤いテキスト
2：灰色に赤
3：黄色に黒

実際に何が起こっているのですか？

1：グレーに黒
2：灰色に赤
3：グレーに黒

browser quirks bug contribution welcome has workaround
ソース
picture yamelkaya

全てのコメント4件

後で修正されたブラウザの癖のようです：

Screen Shot 2019-12-27 at 15 11 28

回避策として、 inheritAttrs: falseを使用して、 h3要素にv-bind="$attrs"を追加できます。

posva picture posva 2019年12月27日

この問題について支援したい場合は、どうすればよいですか？

dagadbm picture dagadbm 2020年01月23日

@posva 、私はこれを修正しようとしていましたが、これはCodepen.ioの問題が原因であることに気づきました。 Edgeで提供されているペンを開いてコンソールに移動すると、そこにエラーが表示されます。 ペンで何かを編集すると、そのエラーのために出力パネルに反映された変更は表示されません。

私はコードを取得して、ローカルとcodesandbox.ioに配置しましたが、Edgeではすべてが

ここにいくつかのスクリーンショットがあります：
codesandbox.io
image

私のローカルサーバー
image

Codepen.io
image

jaireina picture jaireina 2020年02月23日
👍1

@jaireinaをチェックしてありがとう

posva picture posva 2020年02月24日
👍1
このページは役に立ちましたか？
0 / 5 - 0 評価

関連する問題

6pm picture 6pm  ·  3コメント
aviggngyv picture aviggngyv  ·  3コメント
seemsindie picture seemsindie  ·  3コメント
hiendv picture hiendv  ·  3コメント
bdedardel picture bdedardel  ·  3コメント