2
respostas

Manipular dados http.get antes de enviar para o componente

Estou trabalhando com json complexo e precisava tratar os dados antes de exibir na tela. Qual a melhor maneira de fazer isso?

[
    {
        "id": 7,
        "class_id": 1,
        "name": "Herói",
        "health_points": 100,
        "defense": 100,
        "damage": 100,
        "attack_speed": 1,
        "movement_speed": 300,
        "class_name": "Mago",
        "specialties": [
            {
                "id": 1,
                "name": "Magia branca"
            },
            {
                "id": 2,
                "name": "Cura"
            }
        ],
        "photos": []
    }
]

Os dados que irei mostrar são: photos[0], name, class_name, concat(specialties[name, name]), health_points, dafense, ... Gostaria de tratar os dados de specialities antes de enviar para o corpo da minha tabela, que é um componente

2 respostas

Antes de disparar o código que força a atualização dos valores da view, você pode passar esse JSON pra uma função.

Normalmente a galera cria um arquivo com o nome: 'heroisDTO.js'

esse arquivo tem uma função que recebe o JSON do servidor faz um tratamento e retorna o que você precisar :)

Ué, se você estiver usando Ajax para receber os dados, joga dentro de uma Promise ou use o .then (caso esteja usando vue-resource / axios) para fazer esse tratamento.