可以的,你可以使用 Vue 2 中的 v-html
指令來渲染包含 SVG 內容的 data。以下是一個簡單的例子:
首先,在你的 Vue 實例的 data
中定義一個包含 SVG 內容的屬性,比如 svgContent
:
new Vue({
data: {
svgContent: '<svg width="100" height="100"><circle cx="50" cy="50" r="40" fill="red" /></svg>'
},
// 其他配置...
})
然後,在你的模板中使用 v-html
將 SVG 內容渲染出來:
<div v-html="svgContent"></div>
這樣就可以在前端標籤中顯示出你存儲在 svgContent
中的 SVG 內容了。當然,請確保 SVG 內容是安全的,以避免潛在的安全風險。