當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


Vue.js v-html用法及代碼示例

更新元素的 innerHTML

期望: string

細節:

v-html 的內容作為純 HTML 插入 - 不會處理 Vue 模板語法。如果您發現自己嘗試使用 v-html 編寫模板,請嘗試改用組件來重新考慮解決方案。

安全說明

在您的網站上動態呈現任意 HTML 可能非常危險,因為它很容易導致XSS 攻擊.隻使用v-html關於受信任的內容和絕不關於用戶提供的內容。

Single-File Components 中,scoped 樣式將不適用於 v-html 中的內容,因為 Vue 的模板編譯器不會處理 HTML。如果您想使用作用域 CSS 定位 v-html 內容,則可以改為使用 CSS modules 或其他全局 <style> 元素和手動作用域策略(例如 BEM)。

例子:

<div v-html="html"></div>

相關用法


注:本文由純淨天空篩選整理自vuejs.org大神的英文原創作品 v-html。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。