0

Boa tarde, estou precisando recuperar a variável name desse array de objetos, quando eu filtrar pelo id, quando eu digitar por exemplo o id 1, retornar "Sólido"

full_category_list: [
    {
        id: 1, 
        name: 'Sólido',
        parent : 0,
    },
    {
        id: 2, 
        name: 'Líquido',
        parent : 0
    }
]

1 Resposta 1

3

Você pode criar uma computed property que calculará qual a categoria selecionada.

new Vue({
    el: '#app',
    data: {
        selected: null,
        full_category_list: [
            {
                id: 1, 
                name: 'Sólido',
                parent : 0
            },
            {
                id: 2, 
                name: 'Líquido',
                parent : 0
            }
        ]
    },
    computed: {
        selected_category: function() {
            var category = this.full_category_list.find(cat => cat.id == this.selected);
            return category ? category.name : "Nenhum selecionado";
        }
    }
});
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
  <input v-model="selected">
  <div>{{ selected_category }}</div>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .