上一篇文章讲解“vue.js指令v-cloak”,本篇文章讲解“vue.js指令v-html”。
v-text可以插入文本到元素,但是如果要插入的是html代码,就需要v-html进行操作。
浏览器访问:
注意
1. v-html指令插入的html代码,按普通内容插入,不会作为Vue模板进行编译。
2. 在网站上动态渲染任意HTML是非常危险的,因为容易导致XSS攻击。只在可信内容上使用v-html,永不用在用户提交的内容上。
3. 一般不用v-html指令。
【例1】v-html插入的代码按普通内容插入,不会作为vue模板解析。
浏览器访问:
关注卓象程序员,定期发布技术文章
下一篇讲解“vue.js指令v-pre+v-once”