Vue3不用任何构建的原始HTML
在Vue 3中，您可以使用v-html指令来渲染原始HTML，但请注意，出于安全考虑，这只能用于可信的内容，以避免跨站脚本攻击（XSS）。
以下是一个简单的例子，展示如何在Vue 3组件中使用v-html指令：
<template>
<div v-html="rawHtml"></div>
</template>
<script>
import { ref } from 'vue';
export default {
setup() {
const rawHtml = ref('<p>这是原始的HTML内容</p>');
return { rawHtml };
}
};
</script>在这个例子中，rawHtml是一个包含HTML内容的响应式引用。v-html指令告诉Vue应该将rawHtml的值当作HTML来渲染，而不是文本。这个HTML会被插入到<div>元素中，并被浏览器渲染。
评论已关闭