Filter VueJS 2.
[Finalizado Pelo Aluno]

Ola Carlos,
Tenho um projeto criado em vuejs 2 que consome uma base JSON de bandeiras.
Eu criei um metodo chamado getFlag('Brazil') que faz a busca do registro desejado nessa base.
O resultado desse metodo e { "country": "Brazil", "code2": "BR", "code3": "BRA", "number": "76", "urlflag": "https://flagcdn.com/br.svg" }
Assim, consigo trazer a informaçāo que quero exemplo:
getFlag('Brazil').urlflag é igual a https://flagcdn.com/br.svg
getFlag('Brazil').code3 é igual a BRA
Gostaria de saber se é possivel fazer a mesma coisa usando FILTER mas preciso que o resultado seja um objeto. Algo como:
{{ item.country | getFlag.urlflag }}
{{ item.country | getFlag.code3 }}
E possivel?
Grato!
Olá, Roberto!
Tudo bem?
Possível até é, mas não considero uma boa prática.
Você pode usar o filter para deixar todo o texto em caixa alta, para aplicar uma mascara, e coisas nesse sentido. Se levar uma lógica (fazer o fetch em uma API) não seria o ideal;
--
Você pode trabalhar com getters, para retornar os valores conforme precisa.
Ficou claro amigo?

Ficou claro sim!
Muito Obrigado!

Precisa estar logado para conseguir responder a este ticket!
Clique Aqui Para Entrar!