vue3 v-html
时间: 2023-11-01 20:56:10 浏览: 98
vue+html.rar
在 Vue 3 中,可以使用 `v-html` 指令来渲染包含 HTML 代码的动态内容。
`v-html` 指令可以将一个字符串作为参数,并将其解析为 HTML。示例如下:
```html
<template>
<div>
<div v-html="htmlContent"></div>
</div>
</template>
<script>
export default {
data() {
return {
htmlContent: "<p>This is some <strong>HTML</strong> content.</p>"
};
}
};
</script>
```
在上面的示例中,`htmlContent` 中的字符串被解析为 HTML,并通过 `v-html` 指令渲染到 `<div>` 元素中。结果将显示为带有加粗效果的 HTML 内容。
需要注意的是,使用 `v-html` 指令时要谨慎,确保渲染的内容是可信的,以避免潜在的安全风险。
阅读全文