[vue] - v-html解决Vue.js渲染过程中html标签不能被解析

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[vue] - v-html解决Vue.js渲染过程中html标签不能被解析相关的知识,希望对你有一定的参考价值。

参考技术A 之前对接口遇到了接口数据中包含图片或音频的地址的格式,也就是图文混排格式,所以封装了字符串替换的方法。但是替换完之后就是下图,html不能解析。

封装的图文混排解析方法:

解决:

用v-html解析html标签 <span v-html="item.name"></span>
不能使用 <span>item.name</span> 解析,{{}}只能解析字符串。

解决问题是看到的文档,可以看一下。本项目使用的是vue2.0,所以实践中并不可行。
http://blog.csdn.net/faryang/article/details/53011703

以上是关于[vue] - v-html解决Vue.js渲染过程中html标签不能被解析的主要内容,如果未能解决你的问题,请参考以下文章

vue从后台获取的数据有html标签通过v-html渲染到页面,然后怎么给这里面的html添加样式?

如何在 Vue.js 的嵌套 v-for 循环中使用 v-html 有条件地渲染原始 HTML?

Django模版与vue.js渲染冲突问题

Vue.js 模板指令

Vue js 用 html 内容渲染文本

Vue模板语法