eslint-plugin-vue

外观

vue/max-attributes-per-line ​

强制每行属性的最大数量

  • ⚙️ 此规则包含在所有 "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 选项可以自动修复此规则报告的一些问题。

限制每行属性/属性的最大数量，以提高可读性。

📖 规则详细信息 ​

此规则旨在强制执行模板中每行的属性数量。它检查模板中的所有元素，并验证每行的属性数量是否不超过定义的最大值。当两个属性之间存在换行符时，属性被认为是在新行中。

有一个可配置的属性数量，这些属性在一行情况下是可以接受的（默认值为 1），以及多行情况下每行可以接受多少个属性（默认值为 1）。

正在加载...

🔧 选项 ​

json
{
  "vue/max-attributes-per-line": ["error", {
    "singleline": {
      "max": 1
    },      
    "multiline": {
      "max": 1
    }
  }]
}
  • singleline.max (number) ... 当开始标签在一行中时，每行属性的最大数量。默认值为 1。这可以是 { singleline: 1 } 而不是 { singleline: { max: 1 }}。
  • multiline.max (number) ... 当开始标签在多行中时，每行属性的最大数量。默认值为 1。这可以是 { multiline: 1 } 而不是 { multiline: { max: 1 }}。

"singleline": 3 ​

正在加载...

"multiline": 2 ​

正在加载...

📚 进一步阅读 ​

🚀 版本 ​

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

🔍 实现 ​