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

html-css026

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

之前对接口遇到了接口数据中包含图片或音频的地址的格式，也就是图文混排格式，所以封装了字符串替换的方法。但是替换完之后就是下图，html不能解析。 封装的图文混排解析方法： 解决： 用v-html解析html标签 <span v-html="item.name"></span> 不能使用 <span>{{item.name}}</span>解析，｛｛｝｝只能解析字符串。 解决问题是看到的文档，可以看一下。本项目使用的是vue2.0，所以实践中{{{}}}并不可行。http://blog.csdn.net/faryang/article/details/53011703

XML和HTML都是标签化的代码,其实也都是网页的一种写法

但是浏览器决定了显示什么,也就是浏览器直接解析HTML的基本标签,配合CSS,进行显示

对于XML,XSL替代了CSS的作用,其实结构性个人感觉更灵活(XML也可以用IE直接打开，所以其实也是解析了的,只是解析的模式不同)

补充:

目前来说,XML从一种网页应用,走向了一种格式化信息的应用(你可以理解为携带型信息源,一种有规范格式的信息存储文件),一般用在3个方面比较多

1、固定信息源，供其他程序读取

2、少量型的交换信息源，例如，后台操作XML，前台读取信息源（大量的话都用数据库了）

3、配置文件

不管怎么样，我们需要使用XML里的这些信息，所以我们需要解析它，因为它的那些格式标签不是我们所需要的，我们需要的标签里的那些内容，从标签来判断这些内容是什么类型的内容，该放什么地方，这个过程就是解析