>  Q&A  >  본문

Vue는 #document-fragment에 콘텐츠를 추가합니다.

<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>
P粉916760429P粉916760429438일 전470

모든 응답(1)나는 대답할 것이다

  • P粉594941301

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

    템플릿 태그에 ref를 사용한 다음 render 함수를 사용하여 이 문제를 해결했습니다.

    으아악 으아악

    구성 요소를 삽입하려면 다음과 같이 사용할 수 있습니다.

    으아악

    더 나은 것이 있을 수도 있지만 현재로서는 효과가 있습니다.

    회신하다
    0
  • 취소회신하다