ESLint 忽略 v-html

当我们在Vue开发中使用了v-html指令时，我们需要注意代码安全性。因此，ESLint默认会对v-html进行警告。但是，并不是所有情况下都需要对v-html进行警告。

在不影响代码安全性的情况下，我们可以使用ESLint的注释来忽略针对v-html的警告。

下面是如何在Vue开发中忽略ESLint对v-html的警告：

<!-- eslint-disable vue/no-v-html -->

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

<script>
export default {
  data() {
    return {
      htmlContent: '<h1>Title</h1>'
    };
  }
};
</script>

在上面的示例中，我们通过<!-- eslint-disable vue/no-v-html -->来忽略ESLint对v-html的警告，从而在模板中使用v-html指令。

需要注意的是，在不影响代码安全性的情况下使用v-html。因为v-html可以执行任意的JS代码，所以会存在安全风险。

参考链接：

• ESLint Plugin Vue规则
• 避免XSS攻击：Vue.js的v-html指令