eslint-plugin-vue

外观

vue/attribute-hyphenation ​

在模板中对自定义组件强制执行属性命名样式

  • ⚙️ 此规则包含在所有 "plugin:vue/vue3-strongly-recommended"、*.configs["flat/strongly-recommended"]、"plugin:vue/strongly-recommended"、*.configs["flat/vue2-strongly-recommended"]、"plugin:vue/vue3-recommended"、*.configs["flat/recommended"]、"plugin:vue/recommended" 和 *.configs["flat/vue2-recommended"] 中。
  • 🔧 命令行 上的 --fix 选项可以自动修复此规则报告的一些问题。

📖 规则详细信息 ​

此规则强制在 Vue 模板中对自定义组件使用带连字符的属性名称。

正在加载...

🔧 选项 ​

json
{
  "vue/attribute-hyphenation": ["error", "always" | "never", {
    "ignore": []
  }]
}

默认大小写设置为 always。默认情况下，以下属性将被忽略：data-、aria-、slot-scope 以及所有带有大写字母或连字符的 SVG 属性。

  • "always" (默认) ... 使用带连字符的名称。
  • "never" ... 除被忽略的属性外，不要使用带连字符的名称。
  • "ignore" ... 被忽略的名称数组

"always" ​

它会对大写字母报错。

正在加载...

"never" ​

它会对连字符报错，除非是在被忽略的属性列表中的属性。

正在加载...

"never", { "ignore": ["custom-prop"] } ​

不要使用带连字符的名称，但允许自定义属性

正在加载...

🚀 版本 ​

此规则是在 eslint-plugin-vue v3.9.0 中引入的

🔍 实现 ​