在Vue 2中,你可以使用v-html
指令來識別頁面參數中的HTML內容。v-html
指令允許你將HTML代碼作為Vue模板的一部分進行渲染。
以下是一個示例,演示了如何在Vue 2中使用v-html
指令來識別頁面參數中的HTML內容:
<template><div v-html="htmlContent"></div>
</template><script>
export default {data() {return {htmlContent: '<p>這是一段<strong>HTML</strong>內容。</p>'};}
};
</script>
在上面的示例中,我們定義了一個名為htmlContent
的數據屬性,它包含了一段HTML內容。在模板中,我們使用v-html
指令將該HTML內容渲染到<div>
元素中。
請注意,使用v-html
指令時需要謹慎處理,以避免潛在的安全風險。確保你完全信任渲染的HTML內容,以防止跨站腳本攻擊(XSS)。