写点什么

VUE 前端文本输出为超文本

作者:HoneyMoose
  • 2022-12-23
    美国
  • 本文字数:235 字

    阅读完需:约 1 分钟

VUE 的前端文本输出为超文本。

但是我们希望的是页面能够自动将超文本进行转换。

 


问题和解决

{{blogContent.blogContent}}
复制代码

这种输出方式,VUE 模板是不会将内容以 HTML 的方式进行输出的。

我们需要使用的代码为:

<span v-html="blogContent.blogContent"></span>
复制代码

上面的代码会把内容以 HTML 的方式进行输出。

 


这个是 VUE 模板和数据输出的问题。

修改后界面中的内容将会按照下面的方式进行显示。

 


通过上图,我们可以看到所有的 HTML 代码已经被输出到页面中了。

 

https://www.ossez.com/t/vue/14260

用户头像

HoneyMoose

关注

还未添加个人签名 2021-03-06 加入

还未添加个人简介

评论

发布
暂无评论
VUE 前端文本输出为超文本_HoneyMoose_InfoQ写作社区