Stack Overflow
Stack Overflow

Questions tagged [vuetify-tabs]

38 questions
4
votes
0 answers

Vuetify v-tab slider animation doesn't work with exact parameter in v-tab

I have problem with vuetify tabs. Everything works fine, but when I add exact parameter to v-tab the bottom bar animation stops working. Tabs display correctly but v-tabs-slider-wrapper position isn't updated. Without exact parameter is ok. How do I…
Lidia K.
  • 209
  • 3
  • 13
4
votes
2 answers

Vuetify Tabs change active when scroll

I've vuetify tabs implemented with vue-scrollto that when you click a tab it will scroll to a position.
…
Fabio Venturi Pastor
  • 2,519
  • 3
  • 19
  • 32
4
votes
3 answers

Prevent Vuetify v-tabs from change

Is there a way to prevent the v-tabs from actually changing when being clicked on? In my case I first need to check if stuff on the page has changed and want to cancel the switch to another tab if it has. Neither a event.prevent nor event.stop will…
Arno van Oordt
  • 2,912
  • 5
  • 33
  • 63
3
votes
2 answers

Stop or reverse highlighting of clicked Vuetify v-tab item

I have a VueJS/Vuetify application that has tab bars using v-tabs/v-tab components to navigate between pages. I have implemented code using the click event in the v-tab element that checks to make sure there is no unsaved content when the user…
wonder95
  • 3,825
  • 8
  • 45
  • 74
2
votes
1 answer

I cannot watch Vuex state in components within v-tabs until first visit

vuetify: ^2.5.10 vuex: ^3.6.2 vue: ^2.6.14 I have an application developed in v-tabs. In the child component in the first of these tabs, I have a
Tommaso Mazza
  • 357
  • 4
  • 8
2
votes
0 answers

Prevent default click event action of Vuetify tab

I'm using Vuetify tab for showing some forms, I want to add a button as the last element in tab which helps to create a new tab. Now I can prevent the event bubbling to tab by using @click.stop but whenever clicked outside the button(within the…
Pranav C Balan
  • 113,687
  • 23
  • 165
  • 188
1
vote
1 answer

How to make v-tabs fixed in vuejs?

Is there anyway that we can fix the v-tabs? So far I tried using inside v-tab fixed-tabs but that is not working and it would really be great if anyone could help me with it. …
developer
  • 23
  • 3
  • 10
1
vote
1 answer

Unable to check for scroll in Vue Tab Items

I am trying to check if a user has scrolled to bottom of the page. Here is code I have tried so far:
Naveed Zahoor
  • 11
  • 4
1
vote
0 answers

What does Vuetify `new Vue({ vuetify, render: h => h(App) }).$mount('#app')` do? Can I ignore it?

I'm building a component library based on Vuetify. Vuetify installation tells people to add this line new Vue({ vuetify, render: h => h(App) }).$mount('#app') However, I want people to be able to just import my component. It looks like…
Joseph
  • 3,974
  • 7
  • 34
  • 67
1
vote
2 answers

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.
Indira Kabdoldina
  • 11
  • 2
1
vote
0 answers

Modifying behavior of previous/next arrows in v-tab Vuetify

I am using Vuetify v-tabs for a list of days in a week:
Tarounen
  • 1,119
  • 3
  • 14
  • 25
1
vote
1 answer

takes a lot more space than necessary (vuetify)

I am creating a project in which I use "vuetify" and "vuetify-jsonschema-form". Basically, the problem is that element takes 498 x 754.4 space, even if the child component takes only what's necessary – 498 x 94. I have tried many…
Rick
  • 11
  • 1
1
vote
1 answer

How stay on the same tab after page refresh with Vuetify Vuejs

I couple tabs on my page and I'm trying to stay on the same tab after refreshing the page but I'm not sure how to approach this. Right now if I'm on TAB-2 and I refresh the page, it will take me back to the first tab. …
livreson ltc
  • 733
  • 8
  • 22
1
vote
1 answer

Vuetify: update URL when tab in v-tab is clicked

I want to be able to update the URL when a user clicks on a tab defined in v-tab. That way, the url can be shared. When another user uses that shared url, they should be able to start with the same tab that's defined in the URL. Is this possible?
user3267989
  • 299
  • 3
  • 18
1
vote
2 answers

How to set Vuetify tabs to active based on url

I'm using vue 2.6.11, vuetify 2.2.9 and ziggy 0.8.1. For the Vuetify tabs I have the following: