eslint-plugin-vue

外观

vue/padding-line-between-tags ​

在模板中要求或禁止兄弟标签之间有换行符

  • 🔧 命令行上的 --fix 选项可以自动修复此规则报告的一些问题。 命令行

📖 规则详情 ​

此规则要求或禁止兄弟 HTML 标签之间有换行符。

正在加载...

🔧 选项 ​

json
{
  "vue/padding-line-between-tags": ["error", [
    { "blankLine": "always", "prev": "*", "next": "*" }
  ]]
}

此规则默认要求每个兄弟 HTML 标签之间有空行。

配置是一个对象，它具有 3 个属性；blankLine、prev 和 next。例如，{ blankLine: "always", prev: "br", next: "div" } 表示“在 br 标签和 div 标签之间需要一个或多个空行。”您可以提供任意数量的配置。如果标签对匹配多个配置，则将使用最后匹配的配置。

  • blankLine 是以下之一
    • always 要求一个或多个空行。
    • never 禁止空行。
    • consistent 根据第一个兄弟元素要求或禁止空行。
  • prev 任何没有括号的标签名称。
  • next 任何没有括号的标签名称。

禁止所有标签之间的空行 ​

{ blankLine: 'never', prev: '*', next: '*' }

正在加载...

要求 <br> 之后有换行符 ​

{ blankLine: 'always', prev: 'br', next: '*' }

正在加载...

要求 <br> 和 <img> 之间有换行符 ​

{ blankLine: 'always', prev: 'br', next: 'img' }

正在加载...

要求一致的换行符 ​

{ blankLine: 'consistent', prev: '*', next: '*' }

正在加载...

🚀 版本 ​

此规则是在 eslint-plugin-vue v9.5.0 中引入的

🔍 实现 ​