[Vuejs]-Why does my array of objects not pass to the child when using VueJS 3 dynamic component

by

0👍

This normally happens when we did not defined the prop on the relevant component. Can you please verify that you defined result prop properly in your <the-name> component with the expected value type which is an object.

In child component, prop should be declared like this :

export default {
    props: {
        result: Object,
    },
}

If it isn’t defined as a prop then it’ll just be converted to a string and it is showing [Object object] in the DOM on inspecting it.

Leave a comment