Vuetify: [Bug Report] v-model don't update in v-tab

Created on 26 Jun 2018  路  5Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.1.0-rc.1
Vue: 2.5.16
Browsers: Chrome 67.0.3396.87
OS: Windows 10

Steps to reproduce

If you click in "Item 2", the v-model update. But if you swipe left in tab content, the v-model don't update (v-tab-item will change, the indicator too, but the v-model don't). You will need turn on responsive mode in developer tools of your browser to be able to swipe.

Expected Behavior

Update v-model

Actual Behavior

V-model don't update

Reproduction Link

https://codepen.io/tiagoxavi/pen/aKaxmO

has PR bug good first issue

Most helpful comment

I can confirm this issue still exists. Try to turn on the development mode in the Codepen and try to swipe any of the tabs left or right. The V-model won't update accordingly

All 5 comments

This was changed with https://github.com/vuetifyjs/vuetify/commit/158424fc546c07d11fa732f60bd92c9a99e20817

This happens because of the comparison. The workaround is to simply not use .toString()

https://codepen.io/johnjleider/pen/JZmZJr

It's not about the "Next tab" button. I removed it from the pen.
it's about touch swipe to change the tab.

I can confirm this issue still exists. Try to turn on the development mode in the Codepen and try to swipe any of the tabs left or right. The V-model won't update accordingly

+1. I'm using [email protected]

@mrtongkatali that is more than likely a different issue. This has to do with changes made for v1.1

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Antway picture Antway  路  3Comments

dschreij picture dschreij  路  3Comments

SteffenDE picture SteffenDE  路  3Comments

smousa picture smousa  路  3Comments

Webifi picture Webifi  路  3Comments