卓象程序员 | 哈尔滨IT培训 | 品质教育,口碑传承 | 为做出口口相传,好口碑的教育品牌而奋斗!

卓象程序员让每一位学员高薪就业 联系我们13101507057

加微信,了解详情
您所在的位置:首页 > 文章 >Vue.js

「Vue.js开发连载十一」vue.js指令v-html
时间: 2018-11-09 10:33:36     来源: 卓象IT实训基地【原创】

上一篇文章讲解“vue.js指令v-cloak”,本篇文章讲解“vue.js指令v-html”。


v-text可以插入文本到元素,但是如果要插入的是html代码,就需要v-html进行操作。

「Vue.js开发连载十一」vue.js指令v-html


浏览器访问:

「Vue.js开发连载十一」vue.js指令v-html


注意

1. v-html指令插入的html代码,按普通内容插入,不会作为Vue模板进行编译。

2. 在网站上动态渲染任意HTML是非常危险的,因为容易导致XSS攻击。只在可信内容上使用v-html,永不用在用户提交的内容上。

3. 一般不用v-html指令。

【例1】v-html插入的代码按普通内容插入,不会作为vue模板解析。

「Vue.js开发连载十一」vue.js指令v-html


浏览器访问:

「Vue.js开发连载十一」vue.js指令v-html


Vue.js连载为卓象程序员原创,转载请联系卓象程序员

「Vue.js开发连载十一」vue.js指令v-html


关注卓象程序员,定期发布技术文章

下一篇讲解“vue.js指令v-pre+v-once”

「Vue.js开发连载十一」vue.js指令v-html