Questions tagged [vuetify-tabs]

38 questions
0
votes
1 answer

Vuetify v-tab preventing components refresh when navigating between tabs

I'm using vuetify v-tab component, each tab represents another component. The issue is that in the first time I move to the second tab the component is refreshed again. How can I prevent the refresh? HTML
user13982200
  • 13
  • 1
  • 5
0
votes
2 answers

Change current component content depending on selected tab

I have a component with v-tabs in it. I am trying to change the content of a div which is outside of the tabs element depending on the selected tab, But i have no idea how to accomplish it. Its like i need to use v-router withing the component and…
ATT
  • 921
  • 3
  • 13
  • 30
0
votes
1 answer

How to add tags/slots to input field Vue

In Vue I have a basic input text field where the user will type something. I want to create removable slots based on what the user types. I have a button where the user can click "add slot" and then type what they want. Check picture 1. I want…
Mystery Man
  • 535
  • 2
  • 7
  • 20
0
votes
1 answer

quill error with Invalid Quill Container on Vuejs when used with vuetify tab

Error on plugin quill occurred when i placed the editor in a tab container of Vuetify. It is created under the mounted hook. The error in Console is quill Invalid Quill container undefined [Vue warn]: Error in mounted hook: "TypeError: Cannot read…
davidlee
  • 5,611
  • 17
  • 56
  • 82
0
votes
0 answers

Vuetify v-tabs switching tabs long time

I have 2 v-tab in which the data is updated dynamically. Sometimes if a huge data comes switching between the tabs takes a long time. In each tab, I will be creating input fields, text areas based on the response. So if response is so huge I need to…
ajith kumar
  • 301
  • 1
  • 9
  • 20
0
votes
0 answers

NPM Build error related to Vuetify in nuxt/vuetify package?

When I run npm run build, it returns this error: import installComponents from "!../node_modules/vuetify-loader/lib/runtime/installComponents.js" | import { VApp } from 'vuetify/lib/components/VApp'; | import { VAppBar } from…
Armando
  • 11
  • 1
  • 3
0
votes
0 answers

Vue - button is not visible inside v-data-table

I have a problem with v-data-table. I want to add button for edit, delete and add new product to my v-data-table. Data comes from my rest api and is assign via my getter CARS to v-data-table. Everything is fine and every single row is displayed but…
-1
votes
1 answer

Unable to remove white space between v-text-field and labels using vuetify

I'm trying to decrease huge gap between rows using vuetify but could not decrease. I tried by using css and vuetify spacing as well but doesnot work. Expected form Actual form First Name …
prabina sht
  • 217
  • 3
  • 12
1 2
3