一个和v-html功能一样且能防止xss攻击的插件

一个和v-html功能一样且能防止xss攻击的插件

      • [vue-dompurify-html 牛皮plus](#vue-dompurify-html 牛皮plus)

在页面上显示富文本内容

在vue中可以用v-html来实现

但是v-html有一个弊端:无法防止xss攻击

现在和大家分享一个插件:

既能实现v-html的功能,又能防止xss攻击(也就是既要还要,嘻嘻嘻)

vue-dompurify-html 牛皮plus

js 复制代码
 npm i vue-dompurify-html
js 复制代码
// main.js
import VueDOMPurifyHTML from "vue-dompurify-html";
app.use(VueDOMPurifyHTML);
js 复制代码
// *.vue
<template>
	<p v-dompurify-html='abc'></p>
</template>

<script setup>
import {  ref} from 'vue'

const abc = ref('<h1>你是你好的</h1><strong>发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题发送的问题</strong>')
</script>

结果就是这样

好了,随手记,一起学习吧

相关推荐
汪敏wangmin15 分钟前
Fiddler-抓包后直接生成Loadrunner脚本或者Jmeter脚本
前端·jmeter·fiddler
彤银浦1 小时前
Web学习笔记3
前端·笔记·学习·html5
江城开朗的豌豆1 小时前
退出登录后头像还在?这个缓存问题坑过多少前端!
前端·javascript·vue.js
江城开朗的豌豆1 小时前
Vue的'读心术':它怎么知道数据偷偷变了?
前端·javascript·vue.js
江城开朗的豌豆1 小时前
手把手教你造一个自己的v-model:原来双向绑定这么简单!
前端·javascript·vue.js
我在北京coding1 小时前
el-tree 懒加载 loadNode
前端·vue.js·elementui
江城开朗的豌豆2 小时前
v-for中key值的作用:为什么我总被要求加这个'没用的'属性?
前端·javascript·vue.js
angen20182 小时前
Ruby如何采集直播数据源地址
前端·chrome
goldenocean2 小时前
React之旅-05 List Key
前端·javascript·react.js
亮学长2 小时前
lodash不支持 Tree Shaking 而 lodash-es可以
大数据·前端·elasticsearch