解决v-html渲染HTML标签展示信息有误问题

2023-07-29,,

后端返回的数据内容为:

// html反转义
HTMLDecode(text) {
var reg = /<[^>]+>/g;
if (reg.test(text)) {
return text;
}
var temp = document.createElement('div');
temp.innerHTML = text;
var output = temp.innerText || temp.textContent;
temp = null;
return output;
},

渲染数据之前,先调用这个函数,对html进行反转义处理

再查看页面信息,HTML结构就能正常解析渲染出来了

解决v-html渲染HTML标签展示信息有误问题的相关教程结束。

《解决v-html渲染HTML标签展示信息有误问题.doc》

下载本文的Word格式文档,以方便收藏与打印。