[Vue.js] 줄바꿈 nl2br 기능 넣기

 

.pre-formatted {
  white-space: pre;
}

 

new Vue({
  el: '#app',
  data: {
    text: 'Hello Vue.\nThis is a line of text.\nAnother line of text.\n'
  }
})


<div class="pre-formatted">{{ text }}</div>

 

참고 : https://stackoverflow.com/questions/49264645/vuejs-newline-character-is-not-rendered-correctly