Ionic v4 + Vue how to use router link

How to use router-link with sidemenu ion-item. I have tried below code but it breaks UI styles.

 <ion-item>
      <router-link to="/about"> 
      <ion-icon name="information" slot="start" ></ion-icon>
           <ion-label>
               About
           </ion-label>
       </router-link> 
</ion-item>

06%20PM

1 Like

Do you know how to do it?

          <ion-item button @click="$router.push('/')">
            <ion-icon name="home"></ion-icon>
            <ion-label>
              <span :class="[{boldLabel : isActive('/') }, 'menu-label']">Home</span>
            </ion-label>
          </ion-item>
3 Likes