需求

由于接口返回的提示信息过长，接口已经在返回提示中加入换行标签了，但是使用proxy.$modal.msgSuccess(res.msg)提示没有换行，那么Vue3中proxy.$modal.msgSuccess()如何让提示文本换行？

解决方案

msgSuccess()函数中传入dangerouslyUseHTMLString属性。代码如下：

getOrderInfo(_oids).then(res => {if(res.code == 200) {proxy.$modal.msgSuccess({message:res.msg,dangerouslyUseHTMLString: true});}else {proxy.$modal.msgError({message:res.msg,dangerouslyUseHTMLString: true});}

在Vue3中使用dangerouslyUseHTMLString属性主要用于处理Element Plus等UI库中需要将字符串作为HTML片段渲染的场景。

安全风险‌

该属性会绕过Vue的默认XSS防护，若动态插入用户输入的HTML内容可能导致XSS攻击。在确保输入的HTML内容不含恶意代码才能使用，由于提示信息是接口自己组装返回的，可以确保内容是安全的。