Vue.js에서 이스케이프되지 않은 HTML 콘텐츠 렌더링
P粉253518620
P粉253518620 2023-08-21 19:48:52
0
2
610
<p>콧수염 바인딩에서 HTML 코드를 어떻게 구문 분석하나요? 현재 개행 문자(<code><br /></code>)만 표시/이스케이프됩니다. </p> <p>Small Vue 애플리케이션:</p> <pre class="brush:php;toolbar:false;">var logapp = new Vue({ 엘: '#logapp', 데이터: { 제목: '로그', 로그: [ { 상태: true, 유형: '가져오기', desc: 'JavaScript 알아보기', 날짜: '11.11.2015', id: 1 }, { 상태: true, 유형: '가져오기', desc: '자바스크립트 알아보기<br />', 날짜: '11.11.2015', id: 1 } ] } })</pre> <p>다음은 템플릿입니다. </p> <pre class="brush:php;toolbar:false;"><div id="logapp"> <테이블> <본문> <tr v-repeat="logs"> <td>{{실패}}</td> <td>{{유형}}</td> <td>{{설명}}</td> <td>{{stamp}}</td> <td>{{id}}</td> </tr> </tbody> </테이블> </div></pre></p>
P粉253518620
P粉253518620

모든 응답(2)
P粉939473759

Vue2부터 세 개의 중괄호가 더 이상 사용되지 않으므로 v-html를 사용해야 합니다.

<div v-html="task.html_content"> </div>

문서 링크에는 무엇을 v-html中放置什么,你的变量应该放在v-html에 넣어야 하는지 명확하지 않습니다. 변수는

에 넣어야 합니다.

v-html只适用于<div><span>,而不适用于<template>또한

이 아닌
또는 에만 적용됩니다.

앱에서 실시간으로 보고 싶다면 여기

를 클릭하세요. 🎜
P粉399090746

v-html 명령을 사용하여 표시할 수 있습니다. 이렇게:

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿