eslint-plugin-vue

外观

vue/html-closing-bracket-newline ​

要求或禁止在标签的结束括号之前换行

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

人们对结束括号的位置有自己的偏好。此规则强制在标签的结束括号之前换行（或不换行）。

html
<div
  id="foo"
  class="bar"> <!-- On the same line with the last attribute. -->
</div>

<div
  id="foo"
  class="bar"
> <!-- On the next line. -->
</div>

📖 规则详情 ​

此规则旨在警告不在配置位置的右尖括号。

正在加载...

🔧 选项 ​

json
{
  "vue/html-closing-bracket-newline": [
    "error",
    {
      "singleline": "never",
      "multiline": "always",
      "selfClosingTag": {
        "singleline": "never",
        "multiline": "always"
      }
    }
  ]
}
  • singleline（默认值为 "never"）... 用于单行元素的配置。如果元素没有属性或最后一个属性与开始括号在同一行，则为单行元素。
  • multiline（默认值为 "always"）... 用于多行元素的配置。如果最后一个属性不在开始括号的同一行，则为多行元素。
  • selfClosingTag.singleline ... 用于单行自闭合元素的配置。
  • selfClosingTag.multiline ... 用于多行自闭合元素的配置。

每个选项都可以设置为以下值之一

  • "always" ... 在结束括号之前要求一个换行符。
  • "never" ... 禁止在结束括号之前换行。

如果未指定 selfClosingTag，则 singleline 和 multiline 选项将继承到自闭合标签。

此外，您可以使用 vue/html-indent 规则来强制执行结束括号的缩进级别。

"multiline": "never" ​

正在加载...

"selfClosingTag": { "multiline": "always" } ​

正在加载...

🚀 版本 ​

此规则在 eslint-plugin-vue v4.1.0 中引入。

🔍 实现 ​