vue2.0html转译中 v-html中输出rawhtml时候 怎么加过滤函数

来源：蜘蛛抓取(WebSpider) 时间：2017-07-24 10:26 标签： vue.js 直接输出html
2544人阅读
今天使用vue调试页面，发现了页面上的一个问题，后台数据传过来的HTML字符串并没有被转换为正常的HTML代码，一拍脑门，发现忘记转换了，于是满心欢喜加上了{{{}}}。但是之后构建发现报错：
为此去官网上查了下资料，发现在vue2.0版本中，{{{}}}转换HTML的方式已经被废除，该版本中必须使用v-html标签进行转换，下面是具体的使用方法：
v-html="htmlData"&
{{htmlData}}
在这个DEMO中，htmlData所带的字符串将被转换为HTML代码。
注意：使用了v-html的标签中的内容将被htmlData替代：
v-html="htmlData"&
&这是第一个段落&
{{htmlData}}
最后渲染的结果为：
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：32570次
排名：千里之外
原创：13篇
(1)(1)(5)(4)(3)(1)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'

我要回帖

更多关于 vue.js 直接输出html 的文章

 

随机推荐