8

我有以下 ESLint 规则设置:

"vue/script-indent": [
    "error",
    4,
    {
        "baseIndent": 1,
        "switchCase": 1,
        "ignores":
        [
            "[init.type=\"ObjectExpression\"]",
            "[init.type=\"ArrayExpression\"]"
        ]
    }
]

但是,我希望在以下情况下忽略缩进(对象键的值是另一个对象)。

这是 linter 的输出:

let example =
    {
        example:
            {
                test: 
                    "test"
            }
    }

但我希望嵌套对象保持不变,所以它看起来像这样:

let example =
    {
        example:
        {
            test: 
                "test"
        }
    }

所以它应该是一个应该被忽略的对象内部的对象。我也想在对象中包含数组也被忽略(因此我的忽略对象和数组)

4

1 回答 1

5

以下规则配置vue/script-indent为忽略嵌套对象/数组.vue

"vue/script-indent": [
    "error",
    4,
    {
        "baseIndent": 1,
        "switchCase": 1,
        "ignores": [
            // nested objects, excluding top level of exported object (data, methods, computed, etc.)
            "[value.type='ObjectExpression']:not(:matches(ExportDefaultDeclaration, [left.property.name='exports']) > * > [value.type='ObjectExpression'])",

            // nested arrays
            "[value.type='ArrayExpression']"
        ]
    }
],

注意事项

  • 在 TypeScript 中,类属性(例如@Prop private msg!: string)的装饰器会导致 linter 错误,之后的每一行都会被 linter 忽略。( vuejs/eslint-plugin-vue#834)解决方法:插入一个空方法(即_unused() {})作为类的第一个元素。

  • 对象字段的顺序可能会导致 linter 忽略整个对象 ( vuejs/eslint-plugin-vue#833)。解决方法: 确保对象将文字作为其第一个字段。

于 2019-02-25T21:01:12.657 回答