在vue2中使用vue-dompurify-html

你好，关于在Vue2中使用vue-dompurify-html，你可以按照以下步骤进行操作：

1、安装vue-dompurify-html：

npm install vue-dompurify-html --save

2、在main.js中引入并注册vue-dompurify-html：

import Vue from 'vue';
import VueDomPurifyHTML from 'vue-dompurify-html';

Vue.use(VueDomPurifyHTML);

3、在组件中使用vue-dompurify-html：

<template>
  <div v-html="cleanHtml"></div>
</template>

<script>
export default{
  data(){
    return{
      dirtyHtml: '<p><script>alert("hello world")</script>hello world</p>',
    }
  },
  computed:{
    cleanHtml(){
      return this.$sanitize(this.dirtyHtml);
    },
  },
}
</script>

其中，$sanitize是VueDomPurifyHTML的方法，用于使得dirtyHtml的内容被清洗，从而在页面中避免执行恶意脚本的风险。

希望这些内容能够帮助你解决问题，如有疑问，欢迎随时向我提问。