v-html은 Vue에서 렌더링될 수 없습니다\r\n\t

Question

다음과 같은 데이터가 있습니다.

으아아아

데이터를 바탕으로 Vue js를 사용하여 표시하고 싶습니다.

이것은 내 Vue js 코드입니다:

으아아아

위 코드를 실행하면 결과는 다음과 같습니다.

보시다시피 rn과 t는 Vue js로 렌더링되지 않는 것 같습니다

어떻게 r n과 t를 Vue js로 렌더링하고 다음과 같이 표시할 수 있나요?

Answer 1

r、n 和 t 不是有效的 HTML；它们是在其他语言中使用的转义序列（因此期望它们在 HTML 中工作就像将 python 代码粘贴到 javascript 文件中并期望它运行一样。）您需要将它们替换为 HTML做你想让它做的事。对于新行，可以使用 <br> 标签，但传统上人们通过将其部分包装在段落 (<p>) 或 div (<div>) 개행 문자를 처리합니다. 탭의 경우 HTML에서 들여쓰기를 처리하는 방법을 Google에서 검색해야 합니다. 여기에는 짧은 답변으로 설명할 수 없는 내용이 많이 있기 때문입니다.