Olá pessoal,
Estou tendo alguns problemas de entendimento relacionado ao uso de props no VUE. Vejam o meu caso abaixo.
Este é o meu método create no meu componente pai que popula um array:
export default {
components: { folhas: Folhas },
data() {
return {
folhas: [],
};
},
created() {
this.$http
.get("http://localhost:5000/totvs/specsheet")
.then(res => {
return res.json();
})
.then(data => (this.folhas = data));
}
};
Este é o trecho de código do meu componente filho, onde configuro a minha prop.
export default {
props: {
folhas: {
required: true,
type: Array
}
},
Quando passo o valor para minha prop no elemento do template
<folhas :folhas="folhas"></folhas>
O console do browser gera este warn:
[Vue warn]: Invalid prop: type check failed for prop "value". Expected Array, got String with value "".
Alguém pode me ajudar a entender ? Pelo código entendo que estou passando um array mas o console diz que é uma String vazia.
Obrigado