在组件中渲染非 vuejs HTML
Render non-vuejs HTML in a component
我有一个带有嵌套组件的 VueJS 应用程序。
在其中一个组件中，我希望能够注入任意 HTML 但我不想让 VUEJS 解析它：我想要普通的旧 HTML 标签（脚本、iframe、样式、div、本地事件，无论我需要什么。
我知道我可以在根“#app”之外执行此操作，但有没有办法在其中执行此操作？
谢谢。
您可以使用 v-html 指令，它采用计算结果为字符串的表达式并将元素的 innerHTML 设置为该字符串。 Vue 不会将其解析为模板并将其插入到 DOM 中。这是您需要注意安全的事情之一。
我有一个带有嵌套组件的 VueJS 应用程序。
在其中一个组件中，我希望能够注入任意 HTML 但我不想让 VUEJS 解析它：我想要普通的旧 HTML 标签（脚本、iframe、样式、div、本地事件，无论我需要什么。
我知道我可以在根“#app”之外执行此操作，但有没有办法在其中执行此操作？
谢谢。
您可以使用 v-html 指令，它采用计算结果为字符串的表达式并将元素的 innerHTML 设置为该字符串。 Vue 不会将其解析为模板并将其插入到 DOM 中。这是您需要注意安全的事情之一。