VueがDOM障害が発生したスタイルを更新するために、innerHTMLプロパティを使用して、一度覚えています

シーンの説明:私は、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にあるが、この白の具体的な状況はまだ心を愛すると思います!私はピットライフああでこのステップと思われます!

おすすめ

転載: www.cnblogs.com/hhyf/p/11409386.html