computed property shows the array but not the array elements separately

Question

I have a computed property which is---

computed: {
      getGrouped() {
        let ColorwithRate = [];
        this.FilteredColor.forEach((c, index) => {
            c.selectedRate = 0;
            console.log(this.getGrouped[index])
            console.log(this.getGrouped[index].selectedColor)
         ColorwithRate.push(c);
        })

        return ColorwithRate;
      }
   },

the console.log(this.getGrouped[index]) shows an array in console.which is---

But console.log(this.getGrouped[index].selectedColor , it shows --

Cannot read properties of undefined (reading 'selectedColor')

As you said, this.getGrouped[index] is returning an array. Then you have to iterate it to access the properties of an object. Try this : this.getGrouped[index].forEach(obj => { console.log(obj.selectedRate) }) — Rohìt Jíndal
– Rohìt Jíndal, Commented Nov 17, 2022 at 15:05

blackcityhenry · Accepted Answer · 2022-11-17 10:18:14Z

1

I believe you are using Vue3.

What does Proxy mean in the console in Vue 3?

Try console.log(toRaw(this.getGrouped.selectedColor)).

edited Nov 17, 2022 at 10:18

answered Nov 17, 2022 at 10:02

blackcityhenry

7371 gold badge6 silver badges25 bronze badges

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

2 Comments

16_018_RHR Over a year ago

showing undefined

16_018_RHR Over a year ago

toRaw is not defined --- this is showing

Collectives™ on Stack Overflow

computed property shows the array but not the array elements separately

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related