search

lusaxweb / vuesax

New Framework Components for Vue.js 2
https://lusaxweb.github.io/vuesax/
MIT License
5.63k stars 745 forks source link

Routing to Vuesax tab #990

Open amthekkel opened 3 years ago

amthekkel commented 3 years ago

I am trying to work out a solution where accessing url routes will open the correct tab component

Dashboard.vue ` 

  <vs-tab label="Documents">
  </vs-tab>
  <vs-tab label="Contributors">
  </vs-tab> 
</vs-tabs>`

I have other component files Home.vue,Documents.vue and Contributors.vue.

I am trying to achieve the following const routes = [{ path: '/dashboard/home', name: 'home', component: Home }, { path: '/dashboard/documents', name: 'documents', component: Documents }, { path: '/dashboard/Contributors', name: 'contributors', component: Contributors }, ];

As per the above route file, when someone access the dashboard url it is should open up the relevant vs-tab component and also show the vs-tabs on the page as well.