CODEWITHSUNDEEP
vue.jsvuejs2vuetify.jstransitionvuetify-tabs
Indira Kabdoldina
Indira Kabdoldina

Reputation: 11

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

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.

Upvotes: 1

Views: 2646

Answers (2)

Ronny Kerner
Ronny Kerner

Reputation: 1

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

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

Upvotes: 0

Ahmad_kh
Ahmad_kh

Reputation: 181

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>

Upvotes: 7

Related Questions