Vue中嵌入原生HTML页面的方法
warning:
这篇文章距离上次修改已过207天，其中的内容可能已经有所变动。
在Vue中嵌入原生HTML页面通常有两种方法：
- 使用
v-html指令直接插入HTML字符串。 - 使用
<iframe>标签嵌入整个页面或页面的某个部分。
使用v-html指令
<template>
<div v-html="rawHtml"></div>
</template>
<script>
export default {
data() {
return {
rawHtml: '<p>这是原生的HTML内容</p>'
};
}
};
</script>使用<iframe>标签
<template>
<div>
<iframe src="https://example.com"></iframe>
</div>
</template>请注意，使用v-html可能会带来XSS攻击的风险，因为它会将输入作为HTML渲染。如果你的内容是用户提供的，请确保对内容进行清洗处理。而使用<iframe>则可以很好地隔离原生HTML页面与Vue应用，避免了这个问题。
评论已关闭