Link Vue Component

    There are following components included:

    EventDescription
    <f7-link> events
    clickEvent will be triggered after click on a link

    Navigation Link

    Back Navigation Link

    1. <f7-link back>Back</f7-link>

    With Router Parameters

    1. <f7-link href="/about/" :animate="false" :ignore-cache="true">About</f7-link>

    External Link

    Tab Link

    1. <!-- Tabs -->
    2. <f7-tabs>
    3.   <f7-tab id="tab-1" tab-active>Tab 1</f7-tab>
    4.   <f7-tab id="tab-1">Tab 2</f7-tab>
    5. </f7-tabs>
    6. <f7-link tab-link="#tab-1" tab-link-active>Show Tab 1</f7-link>
    7. <f7-link tab-link="#tab-2">Show Tab 2</f7-link>

    Routable Tabs

    2. <f7-tabs>
    3.   <f7-tab id="tab-1"></f7-tab>
    4.   <f7-tab id="tab-2"></f7-tab>
    5. </f7-tabs>
    6. <!-- Switch Between Tabs -->
    7. <f7-link tab-link route-tab-id="tab-1" href="/tabs/">Show Tab 1</f7-link>
    8. <f7-link tab-link route-tab-id="tab-2" href="/tabs/tab-2/">Show Tab 2</f7-link>

    Open And Close Panel

    Open and Close Popup

    1. <f7-link popup-open="#my-popup">Open Popup</f7-link>
    2. <f7-link popup-close="#my-popup">Close Popup</f7-link>

    With Icon & Color