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

 更新时间:2018年06月10日 10:36:31   作者:E神9527  
这篇文章主要介绍了VUE.js 中取得后台原生HTML字符串 原样显示问题 ,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

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

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

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

总结

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

相关文章

  • vue如何解决代码需要在dom渲染之后执行问题

    vue如何解决代码需要在dom渲染之后执行问题

    这篇文章主要介绍了vue如何解决代码需要在dom渲染之后执行问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • 解决vue数组中对象属性变化页面不渲染问题

    解决vue数组中对象属性变化页面不渲染问题

    今天小编就为大家分享一篇解决vue数组中对象属性变化页面不渲染问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • vue中的mixins混入使用方法

    vue中的mixins混入使用方法

    这篇文章主要介绍了vue中的mixins混入使用方法,混入又分全局混入混入局部混入,下文对两者都有相关介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-04-04
  • 基于Vue3创建一个简单的倒计时组件

    基于Vue3创建一个简单的倒计时组件

    这篇文章主要给大家介绍了基于Vue3创建一个简单的倒计时组件的代码示例,文中通过代码示例介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下
    2023-11-11
  • vue 计时器组件的实现代码

    vue 计时器组件的实现代码

    本篇文章主要介绍了vue 计时器组件的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Element控件Tree实现数据树形结构的示例代码

    Element控件Tree实现数据树形结构的示例代码

    我们在开发中肯定会遇到用树形展示数据的需求,本文主要介绍了Element控件Tree实现数据树形结构的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-08-08
  • Vue3实现一个可左右滑动操作组件的示例代码

    Vue3实现一个可左右滑动操作组件的示例代码

    这篇文章主要为大家详细介绍了如何利用Vue3实现一个可左右滑动操作组件,文中的示例代码讲解详细,对我们学习Vue有一定帮助,感兴趣的可以学一下
    2022-11-11
  • 详解 vue better-scroll滚动插件排坑

    详解 vue better-scroll滚动插件排坑

    本篇文章主要介绍了详解 vue better-scroll滚动插件排坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-02-02
  • vue 结合webpack的初级使用指南小白学习篇

    vue 结合webpack的初级使用指南小白学习篇

    这篇文章主要为大家介绍了vue 结合webpack的初级使用指南非常适合入门webpack的小白学习,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • Vue异步更新DOM及$nextTick执行机制解读

    Vue异步更新DOM及$nextTick执行机制解读

    这篇文章主要介绍了Vue异步更新DOM及$nextTick执行机制解读,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03

最新评论