1
resposta

[Vue warn]: Invalid prop: type

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

1 resposta

Fala aí Leandro, tudo bem? O código parece estar correto, não vejo problemas.

Acho que em algum momento você está passando um string para a propriedade value e não para folhas.

Algum outro componente seu que deve estar precisando recebe-lá, tente verificar alguma propriedade chamada value.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software