关于自动关闭HTML无效元素的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

您的Linter只是遵循您已配置为遵循的编码样式。您的HTML并不是无效的（尽管/被认为是不必要的），但是您已经配置了lint来禁止自动闭合HTML标记上的/，因此这就是警告它引起您注意的原因。