How to compute a getter in vue?

Question

I'm expecting to display a computed getter property, but VSC gives me the error "Expected to return a value in 'features' computed property." Even though I'm returnng a true value in getter in code.

// Doesn't work
computed: {
    features() {
      if(this.$store.getters.features) {        // feature is definately true by itsels (returns true)
        return this.$store.getters.features   // error comes here
      }
    }
  }
  
  // Works fine
computed: {
    features() {
        return this.$store.getters.features 
      }
    }
  }

The way it's supposed to be written depends on the expected "features" value. You didn't explain it. — Estus Flask
– Estus Flask, Commented Jul 22, 2023 at 15:51

Boussadjra Brahim · Accepted Answer · 2023-07-22 15:09:04Z

0

You should handle the else case :

computed: {
    features() {
      if(this.$store.getters.features) {       
        return this.$store.getters.features   
      } else{
       return false;
      }
    }

but it's recommended to use the second syntax.

answered Jul 22, 2023 at 15:09

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rohìt Jíndal · Accepted Answer · 2023-07-22 15:19:55Z

0

In a computed property, you should always ensure that a value is returned, no matter what condition is met.

In your computed property, you have an if statement that checks if this.$store.getters.features is truthy, and if it is, it returns the value. However, if the condition is not met (if this.$store.getters.features is falsy), the function does not return anything, which is the cause of the error.

Example :

computed: {
  features() {
    if (this.$store.getters.features) {
      return this.$store.getters.features;
    } else {
      return null; // You can use any return value here as per requirement
    }
  }
}

answered Jul 22, 2023 at 15:19

Rohìt Jíndal

27.3k16 gold badges80 silver badges133 bronze badges

Collectives™ on Stack Overflow

How to compute a getter in vue?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related