网络编程 
首页 > 网络编程 > 浏览文章

Vue 将后台传过来的带html字段的字符串转换为 HTML

(编辑:jimmy 日期: 2025/3/20 浏览:3 次 )

后台传过来 一个带标签的字符串  前端可以直接转换成html格式的,可是在vue中怎么办呢

Vue 将后台传过来的带html字段的字符串转换为 HTML

在这个DEMO中,item.content所带的字符串将被转换为HTML代码。

注意:使用了v-html的标签中的内容将被item.content替代:

<div class="item" v-for="item in socialArray"> 
 <dl v-html="item.content"> 
  {{item.content}} 
 </dl> 
</div> 

总结

以上所述是小编给大家介绍的Vue 将后台传过来的带html字段的字符串转换为 HTML,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

上一篇:AngularJS下$http服务Post方法传递json参数的实例
下一篇:利用js实现前后台传送Json的示例代码
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。