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

[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里的这些信息,所以我们需要解析它,因为它的那些格式标签不是我们所需要的,我们需要的标签里的那些内容,从标签来判断这些内容是什么类型的内容,该放什么地方,这个过程就是解析

echo不可以解析html标签。根据查询相关公开信息显示,php代码可以存在html代码,但是在PHP里面不成功用echo输出这些html标签。其中使用add方法一直不成功,但是用生成的SQL在Mysql里面执行,确是能正常插入数据的,echo解析不了html标签只能将HTML转为PHP或使用Echo才可以解析。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7079972.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存