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

相关推荐

  1. 前端】全局替换replace//g)

    2024-04-08 22:26:02       31 阅读
  2. vue文本识别“\n问题的解决方式

    2024-04-08 22:26:02       37 阅读
  3. C#replace函数替换多个字符串

    2024-04-08 22:26:02       26 阅读
  4. 前端】html不渲染\n\t\r等的问题

    2024-04-08 22:26:02       37 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-08 22:26:02       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-08 22:26:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-08 22:26:02       20 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-08 22:26:02       20 阅读

热门阅读

  1. Shell学习 - 2.25 Shell $[]:对整数进行数学运算

    2024-04-08 22:26:02       13 阅读
  2. ChatGPT革新学术写作方式:打造出色论文

    2024-04-08 22:26:02       13 阅读
  3. qiankun按需加载微应用方案

    2024-04-08 22:26:02       13 阅读
  4. 【阅读笔记】《同意》

    2024-04-08 22:26:02       13 阅读
  5. 详细介绍下PYTHON API的用法

    2024-04-08 22:26:02       16 阅读
  6. [TS面试]TS中类型的全局声明与局部声明?

    2024-04-08 22:26:02       14 阅读
  7. 我的项目笔记

    2024-04-08 22:26:02       14 阅读
  8. C++学习笔记九--模版

    2024-04-08 22:26:02       13 阅读
  9. Linux——gcc

    2024-04-08 22:26:02       15 阅读
  10. 【LeetCode热题100】33. 搜索旋转排序数组(二分)

    2024-04-08 22:26:02       11 阅读
  11. Flutter 单例模式的多种实现方法与使用场景分析

    2024-04-08 22:26:02       13 阅读