Vue.js DB 엔터값 줄바꿈 css style 태그로 초간단 출력하게 하기

 

프로젝트 작업 중, 데이터베이스에 insert 된 텍스트들의 엔터값이 적용되지 않고

출력되는 것을 발견했다.

 

이런 경우 간단한 스타일 태그로 처리 할 수 있다.

유용할 것 같아서 기록용으로 작성한다!

style = "white-space:pre;"

 

참고 소스 : https://developer.mozilla.org/ko/docs/Web/CSS/white-space

white-space - CSS: Cascading Style Sheets | MDN

 

상기 사이트에 더 많고 자세한 태그들이 설명되어있다.