Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Passar dados de um componente para outro.

Boa noite,

Estou tentando passar os dados retornados em uma API de um componente para uma segunda página de resultados porém estou com dificuldade, é mais ou menos assim:

export default {
  data() {
    return {
      params: {
        totalValue: "",
        vehicleType: "",
        firstName: "",
        lastName: "",
        userEmail: "",
        vehiclePlate: "",
        dailyUsage: "",
        phone: "",
        qtd: ""
      }, 
      computed: {
        dadosApi(){
          return {
            custoAnual: cotacao.anualCost,
            valorMinuto: cotacao.minuteValue
          }
        }      
      },
      cotacao: []
    }      
    },

  methods: {
    salvar() {
      let self = this;
      const axios = require("axios");
      axios
        .get(
          "https://us-central1-onsurance-new.cloudfunctions.net/quote/tires",
          this.$data
        )
        .then(function(response) {
          self.cotacao = response.data;
          console.log(response.data)
        })
        .catch(function(error) {
          console.log(error);
        });
    },

Precisaria passar os dados 'cotacao.anualCost' e 'cotacao.minuteValue' para um outro componente de resultados porém não estou conseguindo, poderiam me ajudar, por favor?

5 respostas

Fala ai Rodolfo, tudo bem? Acho que você pode fazer algo assim:

<Resultad :anualCost="cotacao.anualCost" :minuteValue="cotacao.minueValue"/>

E no seu componente recebê-los via propriedade:

export default {
    name: 'Resultado',
    props: {
        anualCost: String,
        minuteValue: String,
    },
}

Espero ter ajudado.

Obrigado, Matheus me ajudou muito! Só mais uma pergunta e qual seria a melhor saída se eu optasse por exibir os dados em outra página de resultados?

solução!

Nesse caso você poderia salvar os dados no localStorage e quando for para a próxima página pega de lá.

Mas, sugiro dar uma olhada no Vuex:

https://vuex.vuejs.org/

Um dos problemas que ele resolve é justamente esse, onde precisamos passar informações da aplicações para os componentes do projeto.

Espero ter ajudado.

Ajudou bastante, obrigado Matheus!

Magina, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.