Как отключить предупреждение Eslint для конкретной строки в шаблоне в файле .vue в VS Code

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  -->

, но ни

Нор

Отклонить предупреждение об уходе

[eslint-plugin-vue] [vue / no-use-v-if-with-v-for] Переменная 'value' внутри директивы 'v-for' должна быть заменена вычисляемым свойством, которое возвращаетфильтрованный массив вместо.Вы не должны смешивать v-for с v-if.Я использую расширение vetur для VSCode.

Я добавил строку прецессии, следующую за этим образцом, но eslint все еще предупреждает о следующей строке.

PS.Это решение не самое лучшее, но оно мне понадобилось из-за анимации перехода.

Answer 1

Спорные с использованием v-if с v-for, решение простое и фактически описано в документации Vetur :

Установка Плагин ESLint длялучший опыт линтинга Шаблонный шаблон Vetur предназначен только для быстрого запуска и не поддерживает настройку правил .

Итак, вам необходимо:

1. Установить ESLintПлагин

2. Включить vue плагин и отключить привязку Vetur (добавить в конфигурацию VS Code):

   "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 именем.

И это работает: