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

Order By itens Sidebar.vue

Olá, gostaria de tirar uma dúvida a respeito da seguinte implementação em vue js

tenho o seguinte item de menu:

<i :class="item.icone"></i> {{item.titulo}}

E o script default do vue para os itens:

<script>
    export default {

        props: ['logo', 'menu', 'linkLogo'],
        methods: {
            botaoclick: function(idItem, event) {
                const SubItens = document.getElementById(`dropdown-container-${idItem}`);

                event.target.classList.toggle('active')

                if (SubItens.style.display === "block") { SubItens.style.display = "none"; }
                else { SubItens.style.display = "block"; }
            },
            default: 'xyz'
        }
    }
</script>

Então, gostaria de saber como faço para ordenar meus itens de forma decrescente, ou que eu pudesse controlar a ordem:

Exemplo:

  • Análise
  • Incluir
  • Recepção
  • Usuários

Desejo:

  • Usuários
  • Recepção
  • Incluir
  • Análise

Ou:

  • Incluir
  • Análise
  • Usuários
  • Recepção

Desde já agradeço qualquer ajuda ou sugestão;

3 respostas
solução!

Olá Giovane. Tudo bem ? Bom você pode pegar a sua lista e usar dois métodos de Javascript. O primeiro a usar seria o método sort() depois você poderia usar o método reverse(). O primeiro vai ordenar a sua lista por ordem alfabetica, já a segunda vai inverter a posição dos itens do array. Segue links de exemplo: https://www.w3schools.com/js/tryit.asp?filename=tryjs_array_sort

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_reverse

Espero ter ajudado XD

Muito Obrigado!

Apliquei e funcionou de acordo com o esperado!