v-html的用法
预期:string详细:更新元素的 innerHTML 。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 XSS 攻击。只在可信内容上使用 v-html,永不用在用户提交的内容上。在单文件组件里,scoped 的样式不会应用在 v-h...
·
预期:string
详细:
更新元素的 innerHTML 。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。
在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 XSS 攻击。只在可信内容上使用 v-html,永不用在用户提交的内容上。
在单文件组件里,scoped 的样式不会应用在 v-html 内部,因为那部分 HTML 没有被 Vue 的模板编译器处理。如果你希望针对 v-html 的内容设置带作用域的 CSS,你可以替换为 CSS Modules 或用一个额外的全局< style> 元素手动设置类似 BEM 的作用域策略。
以上为官方解释,
我用的场景是,后端给我返回了带html的数据,我需要转换为html展示,
如:
后端返回
“content”:"
\r\n\t<(会员姓名)><(网址)>
\r\n我只加了一个v-html指令
结果:
更多推荐
已为社区贡献4条内容
所有评论(0)