如何禁用 VS Code 中 .vue 文件中模板中特定行的 eslint 警告

Question

我想消除我的 vue 文件中的这个错误

我正在尝试添加这条处理器线

<!-- eslint-disable-next-line vue/no-use-v-if-with-v-for -->

和

<!-- eslint-disable-next-line vue/no-confusing-v-for-v-if  -->

但两者都不是

也不

解除 eslin 警告

[eslint-plugin-vue] [vue/no-use-v-if-with-v-for] ‘v-for’ 指令中的 ‘value’ 变量应该替换为返回过滤数组的计算属性。您不应将“v-for”与“v-if”混合使用。我正在使用 VSCode 的 vetur 扩展。

我在 这个 示例后面添加了前导行，但 eslint 仍然警告下一行。

PS。这个解决方案不是最好的解决方案，但由于过渡动画，我需要这样的解决方案。

原文由 Daniel Santos 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

请参阅 Vetur 的文档：

安装 ESLint 插件 以获得最佳的 linting 体验。 Vetur 的模板 linting 只是为了快速入门，不支持规则配置。

所以，你必须：

1. 安装 ESLint 插件

2. 启用 vue 插件并禁用 Vetur 的 linting（添加到 VS 代码配置）：

    "vetur.validation.template": false,
   "eslint.validate": [
     "javascript",
     "javascriptreact",
     "vue"
   ]

如果你没有安装 eslint 和/或 eslint-plugin-vue ，你应该这样做：

 npm i eslint babel-eslint eslint-plugin-vue --save-dev

ESLint 的简单配置：

 {
  "root": true,
  "env": {
    "node": true
  },
  "extends": ["plugin:vue/essential", "eslint:recommended"],
  "rules": {
  },
  "parserOptions": {
    "parser": "babel-eslint"
  }
}

您应该将其保存到 .eslintrc 文件或 package.json eslintConfig 名称下。

而且，它有效：

原文由 Styx 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果你真的想禁用它，请尝试下面的解决方案（它适用于我）。由于您特定于规则，因此它不会禁用其他警告：

 <!-- eslint-disable vue/no-v-html -->
<textarea
  type="email"
  name="message"
  required
  aria-required="true"
  v-html="form.inputs.name.placeholder"
/>
<!-- eslint-enable -->

原文由 Picard 发布，翻译遵循 CC BY-SA 4.0 许可协议