Note

This is a documentation for version 7.0.0-alpha.0.
To check version 6.2.2 go here. To check previous releases go here.

# vue/return-in-computed-property

enforce that a return statement is present in computed property

  • ⚙️ This rule is included in all of "plugin:vue/vue3-essential", "plugin:vue/essential", "plugin:vue/vue3-strongly-recommended", "plugin:vue/strongly-recommended", "plugin:vue/vue3-recommended" and "plugin:vue/recommended".

# 📖 Rule Details

This rule enforces that a return statement is present in computed properties.

<script> export default { computed: { /* ✓ GOOD */ foo () { if (this.bar) { return this.baz } else { return this.baf } }, bar: function () { return false }, /* ✗ BAD */ baz () { if (this.baf) { return this.baf } }, baf: function () {} } } </script>
Now loading...

# 🔧 Options

{
  "vue/return-in-computed-property": ["error", {
    "treatUndefinedAsUnspecified": true
  }]
}

This rule has an object option:

  • "treatUndefinedAsUnspecified": true (default) disallows implicitly returning undefined with a return statement.

# treatUndefinedAsUnspecified: false

<script> export default { computed: { /* ✓ GOOD */ foo () { if (this.bar) { return undefined } else { return } }, bar: function () { return }, /* ✗ BAD */ baz () { if (this.baf) { return this.baf } }, baf: function () {} } } </script>
Now loading...

# 🔍 Implementation

Last Updated: 3/14/2020, 9:09:30 AM