VUE 接口返回字符 \n数据,前端换行显示(replace替换)

效果图

在这里插入图片描述

msg为后台返回数据
replace(/\n/g, '<br/>') 处理换行

 <div class="listCon" v-html="msg.replace(/\n/g, '<br/>')"></div>

HTML

 <div class="listCon" v-html="msg.replace(/\n/g, '<br/>')"></div>

js

 this.msg = msg.replace(/\#/g, "<br/>"); //去掉#换成换行符