当前位置: 首页 > news >正文

elemenPlus ElMessage 字符串如何换行问题

因为后端返回的数据是一长串,而且带有\r,\n等换行符,但是并没有生效。前端写法:

	// 抛出错误ElMessage.error(msg);

我们知道\r,\n,\r\n 是在不同系统下的换行符的表示,但在JavaScript返回字符串中并没有生效,所以我们需要将字符串中的换行符替换成在HTML中的 <br/>标签。

	// 抛出错误// ElMessage.error(msg);const newMsg = msg.replace(/(\n|\r|\r\n|↵)/g, '<br/>')// console.log(newMsg )

但是这样在ElMessage的提示框中并没有生效,没有换行显示,所以要用到dangerouslyUseHTMLString属性,但是需要注意该属性的应用,可能会导致XSS攻击。
在这里插入图片描述
然后修改代码如下:

	// 抛出错误// ElMessage.error(msg);const newMsg = msg.replace(/(\n|\r|\r\n|↵)/g, '<br/>')ElMessage({type:'error',dangerouslyUseHTMLString:true,message:newMsg})
http://www.lryc.cn/news/135356.html

相关文章:

  • Linux socket网络编程
  • 【广州华锐互动】牲畜养殖VR模拟实操系统为传统教育注入新的生命力
  • JavaScript基础(Dom操作)
  • .NET6.0 System.Drawing.Common 通用解决办法
  • k8s ingress (二)
  • 如何实现element UI中table操作栏更多按钮的展示与折叠?
  • SpringBoot(二)
  • python脚本——批量将word文档转换成pdf文件
  • 自然语言处理从入门到应用——LangChain:链(Chains)-[通用功能:链的保存(序列化)与加载(反序列化)]
  • 机器学习:开启智能时代的重要引擎
  • ES搭建集群
  • # Lua与C++交互(二)———— 交互
  • 机器人焊接生产线参数监控系统理解需求
  • 前端基础(ES6 模块化)
  • 第七章,文章界面
  • HJ102 字符统计
  • Maven聚合项目(微服务项目)创建流程,以及pom详解
  • Android OkHttp 源码浅析一
  • 【Redis】——Redis基础的数据结构以及应用场景
  • SpringBoot+WebSocket搭建多人在线聊天环境
  • 推荐适用于不同规模企业的会计软件:选择最适合您企业的解决方案
  • Apache Zookeeper架构和选举机制
  • 车联网TCU USB的配置和使用
  • Linux系统USB摄像头测试程序(三)_视频预览
  • 目标检测任务数据集的数据增强中,图像水平翻转和xml标注文件坐标调整
  • 系统架构的演变
  • IDC发布《亚太决策支持型分析数据平台评估》报告,亚马逊云科技位列“领导者”类别
  • C#之OpenFileDialog创建和管理文件选择对话框
  • Java中使用MongoTemplate 简单操作MongoDB
  • [Mac软件]Pixelmator Pro 3.3.12 专业图像编辑中文版