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

蓝胖子的多啦A梦 2024-06-13 13:03:05 阅读 57

效果图

在这里插入图片描述

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/>"); //去掉#换成换行符



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。