情境分析

对于文本数据，后端一般连带标签一起返回给前端。在vue项目中，前端一般可以用v-html标签转义字符串并渲染在页面上。

问题描述：

在项目中，当后端返回的是图文混排的数据时，仅仅只用上面的v-html会发现页面中仍然会出现html标签。
后端返回的数据：

前端页面展示：

原因分析：

因为后端的富文本编辑器问题，导致返回给前端的数据中标签格式不对，导致前端无法对其进行转义。

解决方案：

使用正则表达式将后端返回数据中的大的尖括号
替换成html中的正常的小尖括号标签。

代码如下：news.content = news.content .replace(/\＜/g, "<") .replace(/\＞/g, ">") .replace(/＆nbsp;/g, "");

补充：代码所放位置是在数据请求处，对请求的数据进行处理。如：

标签：返回,标签,前端,html,图文混排,解析,数据,页面
来源： https://blog.csdn.net/qq_44475148/article/details/110089118