经验分享 · 2023年3月17日

Vue之ElementUI渲染字符串,html标签不生效,直接显示的问题

在view中有这样一段代码,<div>{{resultStr}}</div> 其中resultStr是通过后台执行结果构造的含有html字符串, 如 resultStr=”成功”+result.success+”条<br>失败”+result.fail+”条”,发现view在渲染后直接显示了<br>字符,并没有换行,尝试使用\n也无效。

正确的做法应是使用v-html渲染,如下:

<div><span v-html=”resultStr”></span></div>