vue.js - 关于自关闭 HTML void 元素的不可理解的 ESlint 警告

Question

在我的 Vue 项目中，我有以下元素：

<img
  class="header__branding__logo"
  src="@/assets/img/logo_desktop.svg"
/>

它是自动关闭的。然而，ESlint 会抛出这个警告：

Disallow self-closing on HTML void elements (<img/>)  vue/html-self-closing

对我来说没有任何意义，我错过了什么吗？有什么问题？

标签： vue.jseslintnuxt.js

Answer 1

您的 linter 只是遵循您配置它遵循的编码风格。您的 HTML 不是无效的（尽管这/被认为是不必要的），但是您将 linter 配置为/在自关闭 HTML 标记上禁止这种情况，这就是为什么它会通过警告引起您的注意。