Vue가 HTML 필드 문자열을 작동하고 이를 HTML 태그로 변환하는 방법

이번에는 Vue가 html 필드 문자열을 HTML 태그로 변환하는 방법을 보여 드리겠습니다. Vue가 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 중국어 웹사이트의 기사!

추천도서 :

vue2 장바구니 구현 및 주소 선택 사례 분석

vue 전체 선택 및 역선택 기능 사례 분석 구현

🎜

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