eslint-plugin-vue-property-precheck

English | 简体中文

In the Vue project, when the multi-layer properties of the object are used in the code, eslint prompts to verify whether the object before the property exists

Notice Change the rule to skip the attribute verification prompt of this

Usage

npm i eslint-plugin-vue-property-precheck -D

.eslintrc.js config example

module.exports = {
  root: true,
  env: {
    node: true
  },
  parser: require.resolve('vue-eslint-parser'),
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: "module",
    ecmaVersion: 2018,
    ecmaFeatures: {
      globalReturn: false,
      impliedStrict: false,
      jsx: false
    }
  },
  extends: [ 
    'plugin:vue-property-precheck/property',
    'plugin:vue/recommended',
    'eslint:recommended',  
  ], 
  plugins: ['vue','vue-property-precheck'],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'warn',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}

test

npm i && npm link && npm link eslint-plugin-vue-property-precheck && npm run test

log:

  4:10  warning  Get object properties, Make sure person.name exists               vue-property-precheck/no-property-pre
  6:31  warning  Get object properties, Make sure $route.meta exists               vue-property-precheck/no-property-pre
  6:70  warning  Get object properties, Make sure obj.name exists                  vue-property-precheck/no-property-pre
  7:25  warning  Get object properties, Make sure list[0] exists                   vue-property-precheck/no-property-pre
  7:48  warning  Get object properties, Make sure item.id exists                   vue-property-precheck/no-property-pre
  8:10  warning  Get object properties, Make sure item.abc exists                  vue-property-precheck/no-property-pre
  29:24  warning  Get object properties, Make sure arr[0] exists                    vue-property-precheck/no-property-pre
  30:5   warning  Get object properties, Make sure this.name exists                 vue-property-precheck/no-property-pre
  32:17  warning  Get object properties, Make sure obj.name exists                  vue-property-precheck/no-property-pre
  33:7   warning  Unexpected console statement                                      no-console
  35:8   warning  Get object properties, Make sure this.$route.query.person exists  vue-property-precheck/no-property-pre
  38:5   warning  Get object properties, Make sure obj.name exists                  vue-property-precheck/no-property-pre
  38:20  warning  Get object properties, Make sure obj.address exists               vue-property-precheck/no-property-pre
  40:8   warning  Get object properties, Make sure obj.aaa.bbb exists               vue-property-precheck/no-property-pre
  43:32  warning  Get object properties, Make sure other.list exists                vue-property-precheck/no-property-pre