Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法

2019-11-16,,,,

今天使用vue调试页面,发现了页面上的一个问题,后台数据传过来的HTML字符串并没有被转换为正常的HTML代码,一拍脑门,发现忘记转换了,于是满心欢喜加上了{{{}}}。但是之后构建发现报错:

为此去官网上查了下资料,发现在vue2.0版本中,{{{}}}转换HTML的方式已经被废除,该版本中必须使用v-html标签进行转换,下面是具体的使用方法:

<span v-html="htmlData">
 {{htmlData}}
</span>

总结

以上所述是小编给大家介绍的VUE.js 中取得后台原生HTML字符串 原样显示问题 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

您可能感兴趣的文章:

  • vue中将html字符串转换成html后遇到的问题小结
  • Vue.js 时间转换代码及时间戳转时间字符串
  • vue项目base64字符串转图片的实现代码
  • Vue中的字符串模板的使用
  • Vue 将后台传过来的带html字段的字符串转换为 HTML
  • vue语法之拼接字符串的示例代码
  • vue中如何实现变量和字符串拼接
  • vue如何截取字符串

《Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法.doc》

下载本文的Word格式文档,以方便收藏与打印。