View Vue Component

    • - single View-router component
    • **f7-views** - wrapper element for multiple views used as Tabs
    EventDescription
    view:initEvent will be triggered on View initialization
    swipeback:moveEvent will be triggered during swipe back move
    swipeback:beforechangeEvent will be triggered right before swipe back animation to previous page when you release it
    swipeback:afterchangeEvent will be triggered after swipe back animation to previous page when you release it
    swipeback:beforeresetEvent will be triggered right before swipe back animation to current page when you release it
    swipeback:afterresetEvent will be triggered after swipe back animation to current page when you release it
    tab:showEvent will be triggered when View-Tab becomes visible/active
    tab:hideEvent will be triggered when View-Tab becomes invisible/inactive
    • by accessing component’s property
    • if you have passed name property (e.g. “left”) you can access it like this.$f7.views.left

    Minimal layout

    Views As Tabs

    With parameters