Не удается отключить eslint-plugin-vue error [vue / no-use-v-if-with-v-for] в шаблоне - PullRequest
Новая
       34

Не удается отключить eslint-plugin-vue error [vue / no-use-v-if-with-v-for] в шаблоне

0 голосов
/ 17 июня 2019

Я пытался много раз, но безрезультатно. Компиляция прошла успешно, но все время я получаю следующую ошибку:

[ви / нет потребительной v-если-с-v-за] Переменная 'allOptions' внутри директивы v-for должна быть заменена вычисляемым свойством, которое вместо этого возвращает отфильтрованный массив. Вы не должны смешивать v-for с v-if. eslint-плагин-вю

Мне известно, что не рекомендуется использовать эти директивы вместе, однако, даже в основной документации приведен аналогичный пример. ( v-for с v-if ): 

<li v-for="todo in todos" v-if="!todo.isComplete">
    {{ todo }}
</li>

Отключение с комментарием не работает: 

<!-- eslint-disable-->
<h5 v-for="(option, index) in allOptions" :key="index" v-if="option == 'something'">{{option}}</h5>
<!-- eslint-enable -->

Я тоже пробовал: 

<!-- eslint-disable-next-line vue/no-use-v-if-with-v-for -->
<h5 v-for="(option, index) in allOptions" :key="index" v-if="option == 'something'">{{option}}</h5>

И попытался добавить .eslintrc файл со следующим содержимым: 

{
    "rules": {
        "vue/no-use-v-if-with-v-for": ["error", {
            "allowUsingIterationVar": true
        }]
    }
}

Я не знаю, как это работает, если кажется, что eslint не устанавливается как модуль ( package.json ) 

{
    "name": "dynamicfiltring",
    "description": "A Vue.js project",
    "version": "1.0.0",
    "author": "13thKID <kid.want2saybang@gmail.com>",
    "license": "MIT",
    "private": true,
    "scripts": {
        "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
        "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
    },
    "dependencies": {
        "vue": "^2.5.11",
        "vue-i18n": "^8.11.2",
        "vuex": "^3.1.1"
    },
    "browserslist": [
        "> 1%",
        "last 2 versions",
        "not ie <= 8"
    ],
    "devDependencies": {
        "babel-core": "^6.26.0",
        "babel-loader": "^7.1.2",
        "babel-plugin-transform-runtime": "^6.23.0",
        "babel-preset-env": "^1.6.0",
        "babel-preset-stage-3": "^6.24.1",
        "cross-env": "^5.0.5",
        "css-loader": "^0.28.7",
        "file-loader": "^1.1.4",
        "node-sass": "^4.5.3",
        "sass-loader": "^6.0.6",
        "vue-loader": "^13.0.5",
        "vue-template-compiler": "^2.4.4",
        "webpack": "^3.6.0",
        "webpack-dev-server": "^2.9.1"
    }
}
...