vue3 防止 v-html xss 攻击 vue-dompurify-htmlvue3 防止 v-html xss 攻

安装

npm install vue-dompurify-html
// 或者
pnpm install vue-dompurify-html

注册

main.ts

import { createApp } from 'vue';
import App from './App.vue';
import VueDOMPurifyHTML from 'vue-dompurify-html';

const app = createApp(App);
app.use(VueDOMPurifyHTML);
app.mount('#app');

使用

<template>
    <div v-dompurify-html="rawHtml"></div>
</template>
<script setup>
import { ref } from 'vue';

const rawHtml = ref('<span style="color: red">This should be red.</span>');
</script>