Vue에서 데이터베이스에서 html을 렌더링하는 방법

Vue에서 데이터베이스에서 html을 렌더링하는 방법

프런트엔드는 Vue.js, 백엔드는 Node.js를 사용하여 블로그 앱을 만들고 있습니다.

사용자가 블로그 콘텐츠를 작성할 수 있도록 프론트 엔드에서 리치 텍스트 에디터(vue2-editor)를 사용하고 있습니다.나는 그 내용을 데이터베이스(MySQL)에 저장하여 취득하고 싶다.현재 제가 저장하고 있는 콘텐츠는 모두 일반 HTML로 되어 있습니다.

<p><strong>This is Blog Heading</strong></p><p><br></p><p><u>This is underlined</u></p><p><br></p><p>This is start of the paragraph</p>

데이터베이스에서 검색한 후 HTML이 아닌 문자열로 렌더링합니다.

HTML을 올바르게 표시하려면 어떻게 해야 하나요?

사용하다v-html문자열이 아닌 html로 표시합니다.

자세한 내용은 여기를 참조하십시오.

https://vuejs.org/v2/guide/syntax.html

예:

<div v-html="htmlFromDb" />

제가 아는 바로는 해결책을 제공해 드리는 것이 도움이 되기를 바랍니다.코드를 확인해 주세요.

<p><strong>This is Blog Heading</strong></p>
<p><br></p>
<p><u>This is underlined</u></p>
<p><br></p>
<p>This is start of the paragraph</p>

언급URL : https://stackoverflow.com/questions/59642079/how-to-render-html-from-database-in-vue