Vuetify: 1.0.0-beta.6
Vue: 2.5.13
Browsers: Chrome 64.0.3282.140
OS: Mac OS 10.12.6
Create a v-tabs with three v-tab elements that each have a unique "to" attribute.
Please see the Codepen link.
Clicking on tabs lags in updating the v-model linked variable.
https://codepen.io/pbastowski/pen/gvwxLp?editors=1000
This was working properly in Beta.5. If you change the codepen version of Vuetify to Beta.5 the same code will work as expected.
It probably does need that nextTick after all
@pbastowski I have the same issue
@nasirouwagana
If you need a workaround right now, this is what I did:
v-tabs(v-model="active_tab")
v-tab(@click.native.stop="to({ path: '/previous' })") Previous
v-tab(@click.native.stop="to({ path: '/current' })") Current
Data section:
data() { return {
active_tab: '',
}
}
Methods section:
methods: {
to(route) {
this.active_tab = route.path
this.$router.push(route.path)
}
}
@johnleider
Thanks.
Is there a way for me try the latest commits? Perhaps a continuous integration that auto-publishes to npm a version such as vuetify@nightly or vuetify@hot.
You would need to clone the repository, check out latest dev and link the package locally to your project.
Yeah, I thought so. Thanks again.
Most helpful comment
@nasirouwagana
If you need a workaround right now, this is what I did:
Data section:
Methods section: