Vue內置了v-html指令來支持渲染HTML模板。
<div id="app"> <p v-html="htmlString"></p> </div> var app = new Vue({ el: '#app', data: { htmlString: '<strong>這段文字將被渲染為粗體</strong>' } })
使用 標簽將被渲染成包含標簽的段落。然而,需要小心地使用v-html指令,因為它可以導致XSS攻擊,在輸入中注入惡意HTML代碼。Vue想到了這一點,并且默認情況下v-html指令會被防止注入攻擊。如果你確實需要使用它,最好確保HTML模板是安全的。 此外,Vue也支持使用過濾器對HTML進行格式化。過濾器是函數,可以處理渲染過程中的文本,使它們在顯示之前被轉換。以下是一個HTML格式化過濾器的例子: 現在你可以使用v-html指令和HTML格式化過濾器來處理包含HTML標記的純文本。Vue.filter('html', function(value) {
return value.replace(/\n/g, '<br>')
})