Why mapMultiRowFields returns empty objects? about vuex-map-fields

[maoberlehner]

Thanks for providing an jsfiddle!

I don't know for sure why {{ characteristic }} renders an empty {} but rendering the properties works as expected: https://jsfiddle.net/te4ordgh/21/

[RVeligotskiy]

Thank you!
I had warn Cannot read property 'name' of undefined when i define data like that:
var all = []
all[1] = {id:1, name:'name1'}
all[2] = {id:3, name:'name1'}
...
state:{all},
...

But this is Vue feature

[geoidesic]

@RVeligotskiy can you please show the data definition that did work? So that we can see the difference. It would also help if you could explain what you mean by "this is a vue feature"?

[geoidesic]

@maoberlehner If you create a separate independent computed value that points to characteristic then that reference to the store will not render empty.

See here for example of this based on above example: https://jsfiddle.net/noeldacosta/o1ae65nd/7/

This suggests that this is a reactivity issue. This is highlighted by the Log Object and Log Aliased Object buttons I've added. If you view the inspector you will see that the aliased computed property is an observer whereas the other is not. The same applies to each of the object's properties.

This poses a problem because it means that it is not possible to (for example) filter this array of objects for doing such things as grouping or sorting records by a field.

[conor-odro]

Is there any further updates on this? This is still an issue in June 2021.

A workaround for now is to use the store directly, but it doesn't feel like the correct solution.

this.$store.state.characteristics