프로젝트 작업 중, 데이터베이스에 insert 된 텍스트들의 엔터값이 적용되지 않고
출력되는 것을 발견했다.
이런 경우 간단한 스타일 태그로 처리 할 수 있다.
유용할 것 같아서 기록용으로 작성한다!
style = "white-space:pre;"
참고 소스 : https://developer.mozilla.org/ko/docs/Web/CSS/white-space
white-space - CSS: Cascading Style Sheets | MDN
CSS white-space 속성은 요소가 공백 문자를 처리하는 법을 지정합니다.
developer.mozilla.org
상기 사이트에 더 많고 자세한 태그들이 설명되어있다.
728x90
'ETC > Vue.js' 카테고리의 다른 글
| v-show 조건부 랜더링 (0) | 2022.12.28 |
|---|---|
| v-on 이벤트 처리 (0) | 2022.12.23 |
| v-bind + 이벤트 핸들링 정리잘하신 블로그 (1) | 2022.12.21 |
| v-for 태그를 반복할 수 있다 (0) | 2022.12.19 |
| v-html / v-bind vue 코드에 html 코드 삽입 (0) | 2022.12.19 |
댓글