实现方法
- 一. (推荐)CSS实现:white-space
- 二. JS实现:replace
一. (推荐)CSS实现:white-space
<div style="white-space: pre-wrap;" v-html="str">
</div>
二. JS实现:replace
<div style="white-space: pre-line;" v-html="str">
</div>
<script>
// 使用正则将 \n 替换成 <br />标签,再用v-html渲染
this.str= this.str.replace(/\n/g,'<br>')
</script>