html 문자열을 HTML 태그로 변환하고 사용

이번에는 html 문자열을 HTML 태그로 변환하고 사용하는 방법을 알려드리겠습니다. html 문자열을 HTML 태그로 변환하고 사용할 때 주의사항은 무엇인가요?

태그된 문자열은 백그라운드에서 전달됩니다. 프런트엔드는 HTML 형식으로 직접 변환할 수 있는데 vue에서는 어떻게 해야 할까요?

이 DEMO에서는 item.content에 포함된 문자열이 HTML로 변환됩니다. 암호.

참고: v-html을 사용하는 태그의 콘텐츠는 item.content로 대체됩니다.

<p class="item" v-for="item in socialArray"> 
 <dl v-html="item.content"> 
  {{item.content}} 
 </dl> 
</p>

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 콘텐츠를 보려면 다른 관련 콘텐츠에 주목하세요. PHP 중국어 웹사이트의 기사!

추천 도서:

프로젝트에 vue 전역 및 로컬 구성 요소를 적용하는 방법

vue에서 diff 알고리즘을 사용하는 방법

위 내용은 html 문자열을 HTML 태그로 변환하고 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!