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>
<템플릿 id="some-id">
#문서 조각
<div>
...
</div>
</템플릿>
</body></pre>
<p>일반 HTML을 사용하면 아주 잘 작동합니다. vue3에서 요소는 <code>#document-fragment</code> 내부가 아니라 그 아래에 있습니다. </p>
<pre class="brush:php;toolbar:false;"><body>
<템플릿 id="some-id">
#문서 조각
<div>
...
</div>
</템플릿>
</body></pre>
<p>내 vue3 코드는 다음과 같습니다(html 코드와 유사). </p>
<pre class="brush:php;toolbar:false;"><템플릿>
<v-앱>
<템플릿 id="some-id">
<div></div>
</템플릿>
</v-앱>
</템플릿></pre>
<p><code>#document-fragment</code> 요소에 콘텐츠를 넣을 수 있는 방법이 있나요? </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
템플릿 태그에 ref를 사용한 다음
으아악 으아악render함수를 사용하여 이 문제를 해결했습니다.구성 요소를 삽입하려면 다음과 같이 사용할 수 있습니다.
으아악더 나은 것이 있을 수도 있지만 현재로서는 효과가 있습니다.