v-tab-item with prop :touchless="true" still allows user to swipe between tabs

Question

Steps to reproduce Add tabs component to page Use property :touchless="true" on v-tab-item Swiping with finger still causes transition

Touchless prop should prevent user from swiping.

But I am still able to.

To allow the community to assist you better, please provide the code you have written. — nishkaush, Nov 04 '20 at 07:07

score 5 · Answer 1 · answered Nov 04 '20 at 09:02

5

You should use touchless in v-tabs-items vuetify tag.

<v-tabs-items touchless>
      <v-tab-item>
        //
      </v-tab-item>
      <v-tab-item>
        //
      </v-tab-item>
</v-tabs-items>

answered Nov 04 '20 at 09:02

Ahmad_kh

score 0 · Answer 2 · answered Aug 19 '23 at 16:30

0

The touchless tag never worked for me, the solution in my case was to overwrite the :touch directive like this:

<v-tab-item :touch="false">
</v-tab-item>

answered Aug 19 '23 at 16:30

Ronny Kerner

There seems to be an issue when the `v-tab-item` is not nested in `v-tab-items` https://github.com/vuetifyjs/vuetify/discussions/15336?sort=top, here is an article on using v-tabs with disabled swiping https://ourcodeworld.com/articles/read/1558/how-to-disable-swiping-on-vuetify-tabs – korefn Aug 23 '23 at 09:37

2 Answers2