vue中把字符串带有html标签转为html渲染页面（视频门户网站）
2017-10-23 10:54
1316 查看
当你在绑定数据的时候，很有可能会遇到一个这样的问题。
我从数据库里获取到的一段数据，它带有html的标签，那么直接渲染到页面的时候，就会出现，标签也被渲染进去。
比如这样：
解决办法：
在标签中用v-html绑定数据，就能把这个字符串里的标签转为html
最终效果如图：
我从数据库里获取到的一段数据，它带有html的标签，那么直接渲染到页面的时候，就会出现，标签也被渲染进去。
比如这样：
解决办法：
在标签中用v-html绑定数据，就能把这个字符串里的标签转为html
<p v-html="playProgram.PROGRAM_INTRODUCTION">{{playProgram.PROGRAM_INTRODUCTION}}</p>最终效果如图：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用v-html解决Vue.js渲染过程中html标签不能被解析（html标签显示为字符串）
- 如何将从数据库中读出的带有html标签的字符串，让标签起效，显示在前台页面
- 使用v-html解决Vue.js渲染过程中html标签不能被解析（html标签显示为字符串）
- 如何去掉从数据库中读出的带有html标签的字符串，并是标签起效，显示在前台页面
- 将从数据库中读出的带有html标签的字符串，让标签起效，显示在前台页面
- Play FrameWork中scala.html页面如何显示带有html标签元素的字符串信息
- 如何将从数据库中读出的带有html标签的字符串，让标签起效，显示在前台页面
- SSH如何将从数据库中读出的带有html标签的字符串，让标签起效，显示在前台页面
- 如何将从数据库中读出的带有html标签的字符串，让标签起效，显示在前台页面
- MVC 中如何将带有标签的字符串转换为HTML 标签 显示出来？
- java截取带html标签的字符串,再把标签补全(保证页面显示效果)
- html中点击a标签视频在新页面播放
- java截取带html标签的字符串,再把标签补全(保证页面显示效果)
- 删除字符串中带有html的空格/<p>标签/等
- ajax请求到后台数据，前台不用拼接字符串append追加HTML标签，使用空模板一样显示到页面
- [置顶] ajax请求得到后台数据，前台页面，使用table模板然后clone，显示表格，，不用append拼接 “字符串和HTML表格标签”
- Java - 抓取优酷网视频播放页面(使用jsoup解析html,正则表达式处理字符串)
- struts2返回到JSP页面的html字符串如何在JSP页面上解析成html标签 (ognl表达式)
- @Html.Raw() 方法输出带有html标签的字符串
- 读取数据库带有html的字符串在前台显示，html标签与属性之间空格消失了，如<pclass=''>