ホームページ  >  に質問  >  本文

Vue が #document-fragment にコンテンツを追加します

<p>nuxt3 で vue3 を使用しており、生成された <code>#document-fragment</code> にコンテンツを含むテンプレート タグを追加したいと考えています。生成された HTML は次のようになります。 </p> <pre class="brush:php;toolbar:false;"><body> <template id="some-id"> #文書フラグメント <div> ... </div> </テンプレート> </body></pre> <p>プレーン HTML を使用するとうまく機能します。 vue3 では、要素は <code>#document-fragment</code> 内ではなく、次のようにその下にあります: </p> <pre class="brush:php;toolbar:false;"><body> <template id="some-id"> #文書フラグメント <div> ... </div> </テンプレート> </body></pre> <p>私の vue3 コードは次のようになります (HTML コードに似ています): </p> <pre class="brush:php;toolbar:false;"><テンプレート> <v-アプリ> <template id="some-id"> <div></div> </テンプレート> </v-app> </template></pre> <p>コンテンツを <code>#document-fragment</code> 要素に入れる方法はありますか? </p>
P粉916760429P粉916760429415日前446

全員に返信(1)返信します

  • P粉594941301

    P粉5949413012023-09-01 00:07:29

    テンプレート タグで ref を使用し、render 関数を使用することで、この問題を解決しました。

    リーリー リーリー

    コンポーネントを挿入したい場合は、次のように使用できます:

    リーリー

    もっと良いものがあるかもしれませんが、今のところは機能します。

    返事
    0
  • キャンセル返事