Vue中v-html无法渲染

最新推荐文章于 2023-11-17 09:37:11 发布

易01

最新推荐文章于 2023-11-17 09:37:11 发布

阅读量4.6k

点赞数

分类专栏： Vue JavaScript

本文链接：https://blog.csdn.net/u012733501/article/details/106575632

版权

Vue 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

JavaScript

23 篇文章 0 订阅

订阅专栏

vue 中v-html将原始html渲染为带样式的文本

最近在使用v-html去渲染富文本的时候发现，怎么都渲染不出。

后发现后端为了安全性考虑，将<"、">"、"&"全部进行了转义
在这里插入图片描述

这个时候要使用innerText 去渲染出原始html

Vue.prototype.$HtmlUtils = {
			/**
			 * @param {Object} text 转码为html
			 */
			htmlDecode: function(text) {
				var temp = document.createElement("div");
				temp.innerHTML = text;
				//textContent 火狐不支持innnerText
				var output = temp.innerText || temp.textContent;
				temp = null;
				return output;
			}
		}