更新元素的 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>
相關用法
- Vue.js v-pre用法及代碼示例
- Vue.js v-on用法及代碼示例
- Vue.js v-bind用法及代碼示例
- Vue.js v-slot用法及代碼示例
- Vue.js v-else用法及代碼示例
- Vue.js v-cloak用法及代碼示例
- Vue.js v-else-if用法及代碼示例
- Vue.js v-text用法及代碼示例
- Vue.js useSSRContext()用法及代碼示例
- Vue.js app.directive()用法及代碼示例
- Vue.js mergeProps()用法及代碼示例
- Vue.js app.config.warnHandler用法及代碼示例
- Vue.js pipeToWebWritable()用法及代碼示例
- Vue.js app.use()用法及代碼示例
- Vue.js h()用法及代碼示例
- Vue.js serverPrefetch用法及代碼示例
- Vue.js customRef()用法及代碼示例
- Vue.js <Transition>用法及代碼示例
- Vue.js inject()用法及代碼示例
- Vue.js mixins用法及代碼示例
- Vue.js ComponentCustomProps用法及代碼示例
- Vue.js reactive()用法及代碼示例
- Vue.js ComponentCustomProperties用法及代碼示例
- Vue.js app.mount()用法及代碼示例
注:本文由純淨天空篩選整理自vuejs.org大神的英文原創作品 v-html。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。