How to disable the click on Routable Tabs?


#1

Hi, i’m currently using Routable tabs in my app.

I wish to disable the navigation when i click a button, but i cant find a answer.

I’m glad if you can comment and suggest something.

        <a href="./" class="tab-link" data-route-tab-id="tabProjetos">
            <img src="img/projetos_feed.png" id="iconFeed" height="" width="">
        </a>
        <a href="tabPoliticos/" class="tab-link" data-route-tab-id="tabPoliticos">
            <img src="img/politico.png" id="iconPolitico" height="" width="">
        </a>
        <a href="tabNotificacoes/" class="tab-link" data-route-tab-id="tabNotificacoes">
            <div style="display: flex;">
                <img src="img/notificacoes.png" id="iconNotificacoes" height="" width="">
                <span class="badge color-red politik-badge" id="badgeNotificacao">0</span>
            </div>

        </a>
        <a href="tabMeuPerfil/" class="tab-link" data-route-tab-id="tabMeuPerfil">
            <img src="img/perfil.png" id="iconMeuPerfil" height="" width="">
        </a>
    </div>
</div>

#2

Didn’t get what you are trying to disable? If you need to prevent navigation remove href attribute or tab-link class