最近项目里遇到一个问题:从数据库取出的数据是html脚本,取出直接显示在页面如下图所示:

搜索了好久基本上说的都是用js转换html转义符啥的,
但是作为vue初学者的我还不太会在vue中引用并使用js
后经过不抛弃不放弃的精神终于找到了解决办法😉😉😉
使用v-html标签进行转换即可,
具体方法如下:
<span v-html="htmlData">
{{htmlData{}}
</span>
转换后页面显示如下图所示:

注:样式对了,图片未显示出来是因为本地图片路径下没有对应图片
参考:https://www.jb51.net/article/141756.htm

本文分享了一个Vue初学者如何通过v-html标签将数据库取出的HTML脚本安全地显示在页面上的经验,避免了复杂的JS转换。只需简单标记,解决了页面渲染问题。

1337

被折叠的 条评论
为什么被折叠?



