vue中将html字符串转换成html后遇到的问题小结-创新互联

今天整理之前做vue项目时遇到的一些问题，发现了当时遇到的一个很小但是又会引出很多问题的一个问题（总之就是很有意思，听我慢慢给你到来），这个问题就是当时处理后端数据时，如何将后端返回来的字符串转换成html标签，其实根据vue官网的一个v-html方法是不是觉得很简单，当时我也是这样想的，可是我发现了几个问题(官网给出的动态渲染任意 HTML 容易导致 XSS 攻击的问题我就不说了，在这里我只是用它来渲染数据)：

创新互联是一家专业提供任县企业网站建设,专注与成都做网站、成都网站制作、H5高端网站建设、小程序制作等业务。10年已为任县众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

　　第一，当我用v-html将后端字符串转换成了html标签后，发现我在那个字符串中解析出来的html里面设置的样式没有加上；

　　第二，当我们使用v-html的时候，是会自动生成一个div标签的，有时候这个小小的div标签可能会影响到我们的布局，这个时候你会想到用template来替代div不就完事了，可是很不幸，给出我试验后的结果让你看看吧

<div v-html="'<p>渴望成为大牛的男人</p>'"></div>　　　　　　　　　　　　　　//页面上成功渲染出了我们想要的p标签，但同时它的外围也被一个div标签包裹着
<template v-html="'<p>渴望成为大牛的男人</p>'"></template>　　　　　　　　//页面上并没有出现我们想要的这个p标签

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文名称：vue中将html字符串转换成html后遇到的问题小结-创新互联
文章位置：https://www.cdcxhl.com/article38/dogpsp.html

成都网站建设公司_创新互联，为您提供自适应网站、网站营销、网站内链、电子商务、动态网站、静态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联