Description
Steps to reproduce
Implement navigation with tabs
<md-tabs md-sync-route md-alignment="fixed"> <md-tab md-label="Drinks" to="/" id='tab_drinks' exact></md-tab> <md-tab md-label="Orders" to="/orders" id='tab_orders'></md-tab> <md-tab md-label="FAQ" to="/faq" id='tab_faq'></md-tab> </md-tabs>
Which browser?
Vue: 2.52
Vue-router: 3.0.1
vue-material: 1.0.0-beta1
What is expected?
The docs of vue-material on the tabs page state:
All options of router-link can be simply used here.
An option of router-link is de "exact" property.
(https://router.vuejs.org/en/api/router-link.html)
I expected this to work when using the tabs with the md-sync-route property and the "to" property. So I expected my default '/' to not have the "router-link-active" class.
What is actually happening?
The default tab '/' still has the "router-link-active" class.