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

后端返回的数据内容为:

 

// 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结构就能正常解析渲染出来了