シーンの説明:私は、HTMLのステッチの後に少し問題が発生した関数に再レンダリングページを実現し、当然のことながら、実際のビジネス・ロジックは、これだけ修正する方法を議論せずに、この問題を提起する、それほど単純ではありません。
具体的なケース:内容を変更し、すでにそのスタイルのスタイルで書かれたHTML、などのコンテンツ、および範囲を制限するためにスコープの使用を使用するように、DOM、innerHTMLプロパティを取得REFを使用して、しかし、変更は有効になりませんした後に、コンテンツのスタイルで。
特定のコード:
HTML:
<DIV CLASS = "テスト" REF = "テスト">
<P>これは、元のコンテンツであり、色が緑色である</ P>
</ div>
CSS:
<スタイルlangは= "少ない" スコープ>
。テスト{
背景:水色。
P {
色:緑;
}
。新しい{
赤色;
}
}
</スタイル>
JS:
{)(マウント
この。$ nextTick(()=> {
この$ refs.test.innerHTML + = "<divのクラス= '新しい'>何新しいコンテンツである、赤スタイル</ DIV>";
})
}
でもスタイル事前に書かれた.newスタイルが、ページのレンダリング後に、クラス名、はい、それは全体的な状況のスタイルで書かれているが、それは汚染を引き起こす可能性がない限りスタイルは、すべての後に、これは一つの成分だけではありません、と神はいないだろう知っていますそして、他のクラス名コンポーネントの二重化
あなたが原因を知っている、または任意のアイデアを持っている場合、私は私に教えてあなたを請う、問題は変更のinnerHTMLプロパティのDOMにあるが、この白の具体的な状況はまだ心を愛すると思います!私はピットライフああでこのステップと思われます!