css自动换行

方法1. 使用v-html

// JS部分
this.text = res.data.replace(/\n/g, '
')
// HTML部分

方法2：将div容器的white-space属性设置为pre-wrap即可解决问题。

.text-wrapper {
  white-space: pre-wrap;
}

// HTML部分
{{text}}

pre-wrap值的意思是保留空白并且正常换行。
white-space各属性值详见这里。其实设置为pre即可使换行符发挥作用，但这时文本在div宽度不足时不会自动换行，而是撞破边界延伸到div外部去，所以还得加上wrap。