vue/no-restricted-class

禁止 Vue 组件中使用特定类

📖 规则详情

此规则允许您指定一个不允许在模板中使用的类列表。

指定禁止类列表的最简单方法是直接在规则配置中传递它。

json

{
  "vue/no-restricted-class": ["error", "forbidden", "forbidden-two", "forbidden-three", "/^for(bidden|gotten)/"]
}

正在加载...

注意

此规则只会检测在模板中作为字符串使用的类。通过变量传递类，如下所示，不会被此规则检测到。

vue

<template>
  <div :class="classes" />
</template>

<script>
export default {
  data() {
    return {
      classes: 'forbidden'
    }
  }
}
</script>

此规则在 eslint-plugin-vue v7.19.0 中引入。