「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进行操作。
浏览器访问:
注意
1. v-html指令插入的html代码,按普通内容插入,不会作为Vue模板进行编译。
2. 在网站上动态渲染任意HTML是非常危险的,因为容易导致XSS攻击。只在可信内容上使用v-html,永不用在用户提交的内容上。
3. 一般不用v-html指令。
【例1】v-html插入的代码按普通内容插入,不会作为vue模板解析。
浏览器访问:
Vue.js连载为卓象程序员原创,转载请联系卓象程序员
关注卓象程序员,定期发布技术文章
下一篇讲解“vue.js指令v-pre+v-once”