반응형
백에서 전달받는 데이터중에는 문단의 특성을 전달받지 못한 경우가 많다 그래서 replace로 /n 를 변환해준다
//cardData /n이 포함된 문자열을 포함한 배열
cardData.forEach((el, index) => {
cardData[index].cont = el.contents.replace(/\n/g, "<br />");
});
vue 환경이라 v-html를 활용했지만 p태그 안에 적용해줘도된다
<div class="content">
<p v-html="item.cont" />
</div>
반응형
'쬬는 개발중' 카테고리의 다른 글
[axios] 이미지 POST 기능이 제대로 동작하지 않을때 확인사항 (0) | 2022.12.02 |
---|---|
[javascript | Vue] 이미지 다운로드 기능 만들기 (canvas/url활용) (0) | 2022.12.02 |
[javascript] window.open 팝업권한 사파리 문제해결 (0) | 2022.11.29 |
[javascript] youtube embed 소스 자동재생 모바일에서 안된다면 (autoplay 이슈해결) | mobile 자동재생 안됨 (0) | 2022.11.25 |
[javascript] 스크롤 내릴때 사라지고 올라갈때 나오는 검색바 만들기 (앱 호환) (0) | 2022.11.23 |