Vue が #document-fragment にコンテンツを追加します
P粉916760429
2023-08-31 09:43:47
<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
テンプレート タグで ref を使用し、
リーリー リーリーrender関数を使用することで、この問題を解決しました。コンポーネントを挿入したい場合は、次のように使用できます:
リーリーもっと良いものがあるかもしれませんが、今のところは機能します。