关于自动关闭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

对我来说没有任何意义，我想念什么吗？有什么问题吗？

Answer 1

您的短毛猫只是遵循您已配置为遵循的编码样式。您的HTML并不是无效的（尽管/被认为是不必要的），但是您已经配置了linter，禁止在自动关闭的HTML标签上使用/，因此这就是为什么它引起您的注意并带有警告。