如何防止vue中v-html样式泄露

问题描述 投票:0回答:1

我有一个渲染多个子组件的 vue 组件和一个带有 v-html 指令的 div。 div 呈现动态 HTML 源。有时,HTML 源代码中的样式会泄漏到 div 外部并影响其他组件。

如何预防这种情况?

提前致谢!

css vue.js vuejs2 vuetify.js
1个回答
0
投票

您可以使用 srcdoc 属性将原始 HTML 传递到 iframe,并且 CSS 不会溢出,因为 iframe 呈现在正常窗口的“外部”:

<iframe :srcdoc="html"></iframe>

在此处阅读更多内容:https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/srcdoc

© www.soinside.com 2019 - 2024. All rights reserved.