Ionic 4 Vue JS tabs

@sts-ryan-holton wrote:

Hi, I’m trying to get the Tabs component to work in Vue JS. I’m having difficuilty in getting the click to work to take me to another page. I’ve followed the documentation https://beta.ionicframework.com/docs/api/tab on tabs and have attached a href to the <ion-tab> element, the href is showing when I inspect the element by it’s not taking me to that page. This is a snippet of my code:

            <ion-tabs>
              <ion-tab label="schedule" icon="calendar" name="tab-schedule" href="#/tenants/dashboard">
                <ion-nav></ion-nav>
              </ion-tab>
              <ion-tab label="speakers" icon="contacts" name="tab-speaker">
                <ion-nav></ion-nav>
              </ion-tab>
              <ion-tab label="map" icon="map" component="page-map"></ion-tab>
              <ion-tab label="about" icon="information-circle" component="page-about"></ion-tab>
            </ion-tabs>

I’ve tried the href with and without a hashtag, and with/without a forward slash.

Any ideas?

Posts: 1

Participants: 1

Read full topic