我有一个渲染多个子组件的 vue 组件和一个带有 v-html 指令的 div。 div 呈现动态 HTML 源。有时,HTML 源代码中的样式会泄漏到 div 外部并影响其他组件。
如何预防这种情况?
提前致谢!
您可以使用 srcdoc 属性将原始 HTML 传递到 iframe,并且 CSS 不会溢出,因为 iframe 呈现在正常窗口的“外部”:
<iframe :srcdoc="html"></iframe>
在此处阅读更多内容:https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/srcdoc