VUE 接口返回字符 \n数据，前端换行显示（replace替换）_vue实现/n换行显示

作者：笔触狂放9 | 2024-04-12 17:26:22

踩

vue实现/n换行显示

在这里插入图片描述

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

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

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

1
2

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/411806