2.純HTML
雙大括號會將數據解釋為純文本,而非HTML。為了輸出真正的HTML,你需要使用v-html指令:
被插入的內容都會被當做HTML ——數據綁定會被忽略。注意,你不能使用v-html來復合局部模板,因為Vue不是基于字符串的模板引擎。組件更適合擔任UI重用與復合的基本單元。
你的站點上動態渲染的任意HTML可能會非常危險,因為它很容易導致XSS攻擊。請只對可信內容使用HTML插值,絕不要對用戶提供的內容插值。
下面我們通過使用v-html指令用于輸出html代碼:
在頁顯示結果
2.純HTML
雙大括號會將數據解釋為純文本,而非HTML。為了輸出真正的HTML,你需要使用v-html指令:
被插入的內容都會被當做HTML ——數據綁定會被忽略。注意,你不能使用v-html來復合局部模板,因為Vue不是基于字符串的模板引擎。組件更適合擔任UI重用與復合的基本單元。
你的站點上動態渲染的任意HTML可能會非常危險,因為它很容易導致XSS攻擊。請只對可信內容使用HTML插值,絕不要對用戶提供的內容插值。
下面我們通過使用v-html指令用于輸出html代碼:
在頁顯示結果