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

原创 小伙子  2018-12-20 21:46:04  阅读 35 次 评论 0 条

上一篇文章讲解“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


本文地址:http://linuxphp.cn/51.html
版权声明:本文为原创文章,版权归 小伙子 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?